: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;inset:-1px;transform:translate(-101%);transition:transform .5s cubic-bezier(.25,.46,.45,.94);z-index:-1;border-radius:inherit}.btn:after{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,#ffffff1a,#ffffff4d,#ffffff1a);opacity:0;transition:all .3s ease;transform:translate(-100%) skew(-15deg);z-index:1;border-radius:inherit}.btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000026,inset 0 1px #fff3}.btn:hover:before{transform:translate(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)}}.skip-link{position:absolute;top:-100px;left:var(--spacing-md);z-index:calc(var(--z-sticky) + 1);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-md)}.site-header{background:var(--color-bg-primary);position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--color-border-light)}.site-header .container{padding:var(--spacing-md)}.header-content{display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.header-content .nav{margin-left:auto}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.logo a{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.logo-icon{flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:var(--line-height-tight)}.logo-wordmark{background:linear-gradient(to top left,#5b20ff,#1976ff,#12c8d4);background-clip:text;-webkit-background-clip:text;color:transparent;transition:filter var(--transition-fast)}.logo a:hover .logo-wordmark{filter:brightness(1.2)}.logo-tagline{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);letter-spacing:.02em}@media(max-width:1024px){.logo-tagline{display:none}}.nav{display:flex;gap:var(--spacing-lg);align-items:center}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:2px;z-index:10;border-radius:var(--radius-sm);transition:all .2s ease}.mobile-menu-toggle:hover{background:var(--color-bg-secondary)}.mobile-menu-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.hamburger-line{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s cubic-bezier(.645,.045,.355,1);transform-origin:center;border-radius:1px}.nav a{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);padding:.5rem .25rem;position:relative;transition:color var(--transition-fast)}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal)}.nav a:hover{color:var(--color-primary)}.nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav a:active{color:var(--color-primary-hover)}.nav a[aria-current=page]{color:var(--color-text-primary)}.nav a[aria-current=page]:after{transform:scaleX(1);background:linear-gradient(to right,#12c8d4,#1976ff,#5b20ff)}.nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.nav a.external-link{display:inline-flex;align-items:center;gap:.5rem}.nav a.external-link:before{content:"";position:absolute;bottom:0;left:0;width:calc(100% - 1.25rem);height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal)}.nav a.external-link:hover:before{transform:scaleX(1);transform-origin:left}.nav a.external-link:after{content:"";position:static;display:inline-block;width:.75rem;height:.75rem;background-color:var(--color-text-secondary);mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"%3E%3C/path%3E%3Cpolyline points="15 3 21 3 21 9"%3E%3C/polyline%3E%3Cline x1="10" y1="14" x2="21" y2="3"%3E%3C/line%3E%3C/svg%3E');mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"%3E%3C/path%3E%3Cpolyline points="15 3 21 3 21 9"%3E%3C/polyline%3E%3Cline x1="10" y1="14" x2="21" y2="3"%3E%3C/line%3E%3C/svg%3E');-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:transform var(--transition-normal),background-color var(--transition-normal);transform:none}.nav a.external-link:hover:after{transform:translate(2px,-2px);background-color:var(--color-primary)}.content{flex:1;padding:var(--spacing-2xl) 0;background:var(--color-bg-primary)}.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--spacing-2xl) 0 var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3{color:var(--color-footer-text-light);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.footer-section p{color:var(--color-footer-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:var(--color-footer-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-section ul li a:hover{color:var(--color-footer-text-light)}.footer-section ul li a.external-link:after{content:"";display:inline-block;width:.75rem;height:.75rem;margin-left:.5rem;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2394a3b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"%3E%3C/path%3E%3Cpolyline points="15 3 21 3 21 9"%3E%3C/polyline%3E%3Cline x1="10" y1="14" x2="21" y2="3"%3E%3C/line%3E%3C/svg%3E');background-size:contain;background-repeat:no-repeat;background-position:center;transition:all var(--transition-normal);transform-origin:center;vertical-align:middle}.footer-section ul li a.external-link:hover:after{transform:translate(2px,-2px);background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cbd5e1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"%3E%3C/path%3E%3Cpolyline points="15 3 21 3 21 9"%3E%3C/polyline%3E%3Cline x1="10" y1="14" x2="21" y2="3"%3E%3C/line%3E%3C/svg%3E')}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{color:var(--color-footer-text-muted);text-decoration:none;transition:color var(--transition-fast)}.social-links a:hover{color:var(--color-footer-text-light)}.footer-bottom{border-top:1px solid var(--color-footer-border);padding-top:var(--spacing-md);text-align:center}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.theme-toggle{display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-toggle__wrapper{position:relative;margin:0}.theme-toggle__input{position:relative;display:block;appearance:none;-webkit-appearance:none;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;width:2.75rem;height:2.75rem;cursor:pointer;transition:all var(--transition-normal)}.theme-toggle__input:before{content:"";position:absolute;inset:.625rem;background-color:var(--color-text-secondary);mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"%3E%3Ccircle cx="12" cy="12" r="5"/%3E%3Cline x1="12" y1="1" x2="12" y2="4"/%3E%3Cline x1="12" y1="20" x2="12" y2="23"/%3E%3Cline x1="4.22" y1="4.22" x2="6.34" y2="6.34"/%3E%3Cline x1="17.66" y1="17.66" x2="19.78" y2="19.78"/%3E%3Cline x1="1" y1="12" x2="4" y2="12"/%3E%3Cline x1="20" y1="12" x2="23" y2="12"/%3E%3Cline x1="4.22" y1="19.78" x2="6.34" y2="17.66"/%3E%3Cline x1="17.66" y1="6.34" x2="19.78" y2="4.22"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"%3E%3Ccircle cx="12" cy="12" r="5"/%3E%3Cline x1="12" y1="1" x2="12" y2="4"/%3E%3Cline x1="12" y1="20" x2="12" y2="23"/%3E%3Cline x1="4.22" y1="4.22" x2="6.34" y2="6.34"/%3E%3Cline x1="17.66" y1="17.66" x2="19.78" y2="19.78"/%3E%3Cline x1="1" y1="12" x2="4" y2="12"/%3E%3Cline x1="20" y1="12" x2="23" y2="12"/%3E%3Cline x1="4.22" y1="19.78" x2="6.34" y2="17.66"/%3E%3Cline x1="17.66" y1="6.34" x2="19.78" y2="4.22"/%3E%3C/svg%3E');mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;transition:transform var(--transition-normal),background-color var(--transition-fast)}.theme-toggle__input:hover{border-color:var(--color-primary)}.theme-toggle__input:hover:before{background-color:var(--color-primary)}.theme-toggle__input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle__input:checked:before{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"%3E%3Cpath d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"%3E%3Cpath d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/%3E%3C/svg%3E');transform:rotate(-360deg)}@media(prefers-reduced-motion:reduce){.theme-toggle__input:before{transition:none}}@supports selector(:focus-visible){.theme-toggle__input:focus{outline:none}.theme-toggle__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}@media(max-width:768px){.container{padding:0 var(--spacing-lg)}.header-content{padding:var(--spacing-md) 0}.mobile-menu-toggle{display:flex;position:relative}.header-actions{margin-left:auto}.hamburger-line{transition:all .3s cubic-bezier(.645,.045,.355,1)}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0;transform:scale(0)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border-top:1px solid var(--color-border);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000}.nav.mobile-open{max-height:400px;border-bottom:1px solid var(--color-border)}.nav a{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);width:100%;text-align:left;font-size:var(--font-size-base);min-height:56px;display:flex;align-items:center;position:relative}.nav a:last-child{border-bottom:none}.nav a:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;height:100%;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.nav a:hover,.nav a:focus{background:var(--color-bg-secondary);color:var(--color-primary)}.nav a:hover:after,.nav a:focus:after{transform:scaleX(1)}.nav a[aria-current=page]{background:var(--color-bg-secondary);color:var(--color-text-primary)}.nav a[aria-current=page]:after{transform:scaleX(1);background:linear-gradient(to bottom,#12c8d4,#1976ff,#5b20ff)}.nav a:active{background:var(--color-bg-muted)}.nav a.external-link:after{width:1rem;height:1rem}.content{padding:var(--spacing-lg) 0}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.social-links{justify-content:center}}@media(max-width:480px){.container{padding:0 var(--spacing-md)}.header-content{padding:var(--spacing-sm) 0}.logo a{font-size:var(--font-size-lg)}.nav a{padding:var(--spacing-md) var(--spacing-lg);min-height:48px;font-size:var(--font-size-sm)}}@media(max-width:480px){.header-content{padding:0 var(--spacing-sm)}.header-actions{gap:var(--spacing-sm)}.nav a{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.mobile-menu-toggle{width:20px;height:20px}.hamburger-line{width:20px}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-5px)}}