:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #60a5fa;--color-primary-rgb: 59, 130, 246;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-secondary-light: #34d399;--color-secondary-bg: #ecfdf5;--color-secondary-bg-hover: #d1fae5;--color-anim-blue: #3b82f6;--color-anim-yellow: #f59e0b;--color-anim-green: #10b981;--color-anim-pink: #ec4899;--color-anim-purple: #8b5cf6;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-light: #cbd5e1;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-muted: #f1f5f9;--color-bg-card: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-hover: var(--color-primary);--color-shadow: rgba(0, 0, 0, .1);--color-shadow-hover: rgba(0, 0, 0, .15);--color-shadow-primary: rgba(var(--color-primary-rgb), .4);--color-footer-bg: rgba(30, 41, 59, .95);--color-footer-text: #e2e8f0;--color-footer-text-light: #f8fafc;--color-footer-text-muted: #cbd5e1;--color-footer-border: rgba(203, 213, 225, .2);--color-footer-social-bg: rgba(255, 255, 255, .1);--color-footer-social-bg-hover: rgba(255, 255, 255, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 50%;--radius-pill: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .95rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-normal: 1.6;--line-height-relaxed: 1.7;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--max-width-container: 1200px;--max-width-content: 900px;--header-height: 4rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}.dark{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: #93c5fd;--color-primary-rgb: 96, 165, 250;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-secondary-light: #34d399;--color-secondary-bg: #064e3b;--color-secondary-bg-hover: #065f46;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-light: #e2e8f0;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-muted: #334155;--color-bg-card: #1e293b;--color-border: #334155;--color-border-light: #475569;--color-shadow: rgba(0, 0, 0, .3);--color-shadow-hover: rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-secondary);display:flex;flex-direction:column;min-height:100vh;transition:color var(--transition-fast),background-color var(--transition-fast)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.container{max-width:var(--max-width-container);margin:0 auto;padding:0 var(--spacing-md);width:100%}.content-container{max-width:var(--max-width-content);margin:0 auto}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 1px 3px var(--color-shadow);transition:all var(--transition-fast)}.card:hover{box-shadow:0 4px 12px var(--color-shadow-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem var(--spacing-xl);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:all .5s cubic-bezier(.25,.46,.45,.94);z-index:-1;border-radius:var(--radius-lg)}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff4d,#ffffff1a);opacity:0;transition:all .3s ease;transform:translate(-100%) skew(-15deg);z-index:1;border-radius:var(--radius-lg)}.btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000026,inset 0 1px #fff3}.btn:hover:before{left:0}.btn:hover:after{opacity:1;transform:translate(100%) skew(-15deg);transition:all .6s ease}.btn:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:before{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 50%,var(--color-primary-hover) 100%)}.btn-primary:hover{color:#fff;border-color:var(--color-primary-hover);box-shadow:0 0 25px rgba(var(--color-primary-rgb),.4),0 8px 25px #00000026,inset 0 1px #fff3}.btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:before{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%)}.btn-secondary:hover{color:#fff;border-color:var(--color-primary);box-shadow:0 0 25px rgba(var(--color-primary-rgb),.4),0 8px 25px #00000026,inset 0 1px #fff3}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-border)}.btn-outline:before{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%)}.btn-outline:hover{color:#fff;border-color:var(--color-primary);box-shadow:0 0 25px rgba(var(--color-primary-rgb),.4),0 8px 25px #00000026,inset 0 1px #fff3}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.markdown-content{max-width:900px;margin:0 auto}.markdown-content h1{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--color-text-primary)}.hero h2{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.markdown-content h2{color:var(--color-text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.markdown-content h3{color:var(--color-text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.markdown-content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.markdown-content strong{color:var(--color-text-primary);font-weight:600}.markdown-content h1 strong,.markdown-content h2 strong,.markdown-content h3 strong,.markdown-content h4 strong{color:inherit}.markdown-content ul{list-style:none;padding:0;margin:var(--spacing-lg) 0}.markdown-content ul li{color:var(--color-text-secondary);padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-xl);position:relative;border-bottom:1px solid rgba(226,232,240,.5)}.markdown-content ul li:last-child{border-bottom:none}.markdown-content ul li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.markdown-content a{color:var(--color-primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content a.btn,.markdown-content a.btn:hover{text-decoration:none;color:#fff}.markdown-content a.btn-secondary,.markdown-content a.btn-secondary:hover{color:var(--color-text-primary)}.markdown-content blockquote{background:var(--color-bg-muted);border-left:3px solid var(--color-primary);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:var(--border-radius-md)}.markdown-content blockquote h3{margin-top:0}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.markdown-content .skill-card{background:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 1px 3px var(--color-shadow);transition:all var(--transition-fast)}.markdown-content .skill-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow-hover);border-color:var(--color-border-hover)}.markdown-content .skill-card h3{margin-top:0;margin-bottom:var(--spacing-md)}.markdown-content .skill-card ul{margin:0}.markdown-content .skill-card ul li{padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-xl)}.markdown-content .highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}@media(max-width:968px){.markdown-content .highlights{grid-template-columns:1fr}}.markdown-content .highlight-card{text-align:center}.markdown-content .highlight-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--color-primary);color:#fff;margin-bottom:var(--spacing-lg)}.markdown-content .highlight-card h3{margin-top:0;font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.markdown-content .highlight-card p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.markdown-content hr{border:none;border-top:2px solid var(--color-border);margin:var(--spacing-2xl) 0}:global(.dark) .markdown-content ul li:before{color:#10b981}@media(max-width:768px){.container{padding:0 var(--spacing-lg)}h1{font-size:var(--font-size-2xl)}.grid-auto,.grid-2{grid-template-columns:1fr;gap:var(--spacing-lg)}.btn{width:100%;max-width:250px;justify-content:center}}@media(max-width:480px){h1{font-size:1.75rem}.card{padding:var(--spacing-lg)}}\/* Termnl Cloud minimal layout */ html,body{margin:0;padding:0;background:#050807}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050807;color:#eafff3}body{overflow-x:hidden}