#root{width:100%;min-height:100vh}.nav-brand-link{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;color:var(--color-text-primary)}.nav-button{background:none;border:none;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);font-weight:var(--font-weight-medium);font-size:inherit;font-family:inherit;cursor:pointer;padding:0}.nav-button:hover{color:var(--color-primary-500)}.desktop-nav{display:flex;gap:var(--spacing-8);align-items:center}.github-auth-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-neutral-100);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);padding:0}.github-auth-btn:hover{background:var(--color-neutral-900);border-color:var(--color-neutral-900);transform:scale(1.05)}.github-auth-btn:hover .github-icon{fill:#fff}.github-auth-btn .github-icon{transition:fill var(--transition-fast)}.user-avatar-container{position:relative}.user-avatar,.user-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:2px solid var(--color-border)}.user-avatar{object-fit:cover}.user-avatar:hover,.user-avatar-placeholder:hover{transform:scale(1.05);border-color:var(--color-primary-500);box-shadow:var(--shadow-md)}.user-avatar-placeholder{background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.user-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);min-width:150px;z-index:var(--z-dropdown)}.user-avatar-container:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);text-decoration:none;background:none;border:none;text-align:left;font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-neutral-50);color:var(--color-primary-500)}.dropdown-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--color-border)}.mobile-nav-controls{display:none;align-items:center;gap:var(--spacing-4)}.mobile-user-avatar{display:flex;align-items:center}.hamburger-menu{width:30px;height:24px;position:relative;background:none;border:none;cursor:pointer;padding:0;z-index:var(--z-sticky)}.hamburger-menu span{display:block;position:absolute;width:100%;height:2px;background:var(--color-text-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.hamburger-menu span:nth-child(1){top:0}.hamburger-menu span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger-menu span:nth-child(3){bottom:0}.hamburger-menu.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:calc(var(--z-sticky) - 1)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{position:fixed;top:60px;right:0;width:280px;max-width:80vw;height:calc(100vh - 60px);background:#fff;transform:translate(100%);transition:transform var(--transition-base);padding:var(--spacing-6);overflow-y:auto;box-shadow:var(--shadow-xl)}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}.mobile-menu-link{display:block;padding:var(--spacing-4) 0;color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:color var(--transition-fast);border-bottom:1px solid var(--color-border);font-family:inherit}.mobile-menu-link:hover{color:var(--color-primary-500)}.mobile-menu-cta{color:var(--color-primary-500);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-primary-500);margin-top:var(--spacing-4)}.mobile-logout{color:var(--color-error);border-bottom:none;margin-top:var(--spacing-4)}.auth-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2)}.spinner{width:20px;height:20px;border:2px solid var(--color-neutral-200);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-nav-controls{display:flex}.nav-container{padding:var(--spacing-3) var(--spacing-4)}.brand-name{font-size:var(--font-size-lg)}.navbar{z-index:var(--z-sticky)}}@media (max-width: 480px){.mobile-menu-content{width:100vw;max-width:100vw}.nav-brand .logo{font-size:var(--font-size-xl)}.brand-name{display:none}}.star-border-button{position:relative;display:inline-block;padding:1px;overflow:hidden;border-radius:20px;background:transparent;border:none;cursor:pointer;transition:transform var(--transition-base)}.star-border-button:hover{transform:scale(1.02)}.star-border-button:active{transform:scale(.98)}.star-border-animation{position:absolute;width:300%;height:50%;border-radius:50%;z-index:0;opacity:.4}.star-border-bottom{bottom:-11px;right:-250%;animation:star-movement-bottom 6s linear infinite}.star-border-top{top:-10px;left:-250%;animation:star-movement-top 6s linear infinite}.star-border-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-radius:20px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;border:1px solid rgba(0,118,230,.2);background:linear-gradient(to bottom,#fffffff2,#f9fafbf2);color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.star-border-button:hover .star-border-content{border-color:#0076e64d;background:linear-gradient(to bottom,#fff,#f9fafb);box-shadow:var(--shadow-sm)}.star-border-primary .star-border-content{background:linear-gradient(to bottom,var(--color-primary-500),var(--color-primary-600));color:#fff;border-color:var(--color-primary-600)}.star-border-primary:hover .star-border-content{background:linear-gradient(to bottom,var(--color-primary-400),var(--color-primary-500));border-color:var(--color-primary-500)}.star-border-primary .star-border-animation{opacity:.6}.star-border-secondary .star-border-content{background:linear-gradient(to bottom,#ffffff1a,#ffffff0d);color:var(--color-primary-500);border-color:var(--color-primary-400)}.star-border-secondary:hover .star-border-content{background:linear-gradient(to bottom,#0076e61a,#0076e60d);border-color:var(--color-primary-500)}@media (prefers-color-scheme: dark){.star-border-animation{opacity:.7}.star-border-content{background:linear-gradient(to bottom,var(--color-neutral-900),var(--color-neutral-800));border-color:var(--color-neutral-700);color:var(--color-neutral-100)}.star-border-button:hover .star-border-content{background:linear-gradient(to bottom,var(--color-neutral-800),var(--color-neutral-700));border-color:var(--color-neutral-600)}}@keyframes star-movement-bottom{0%{transform:translate(0) rotate(0)}to{transform:translate(-100px) rotate(360deg)}}@keyframes star-movement-top{0%{transform:translate(0) rotate(0)}to{transform:translate(100px) rotate(-360deg)}}.star-border-button.small .star-border-content{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.star-border-button.large .star-border-content{padding:var(--spacing-5) var(--spacing-8);font-size:var(--font-size-lg)}.star-border-button:disabled{opacity:.5;cursor:not-allowed}.star-border-button:disabled:hover{transform:none}.star-border-button:disabled .star-border-animation{animation-play-state:paused}@media (max-width: 768px){.star-border-content{padding:var(--spacing-3) var(--spacing-5)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:none;border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-medium{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-large{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn-primary{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--color-primary-500);border:2px solid var(--color-primary-500);padding-top:calc(var(--spacing-3) - 2px);padding-bottom:calc(var(--spacing-3) - 2px)}.btn-secondary.btn-small{padding-top:calc(var(--spacing-2) - 2px);padding-bottom:calc(var(--spacing-2) - 2px)}.btn-secondary.btn-large{padding-top:calc(var(--spacing-4) - 2px);padding-bottom:calc(var(--spacing-4) - 2px)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-600);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-3)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-text-primary)}.btn-ghost:active:not(:disabled){background:var(--color-neutral-200)}@media (prefers-color-scheme: dark){.btn-secondary:hover:not(:disabled){background:#0076e61a}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-800)}}@media (max-width: 768px){.cta-buttons .btn{width:100%;max-width:300px}}:root{--color-primary-50: #e6f3ff;--color-primary-100: #b3daff;--color-primary-200: #80c1ff;--color-primary-300: #4da8ff;--color-primary-400: #1a8fff;--color-primary-500: #0076e6;--color-primary-600: #005db3;--color-primary-700: #004480;--color-primary-800: #002b4d;--color-primary-900: #00121a;--color-neutral-0: #ffffff;--color-neutral-50: #fafbfc;--color-neutral-100: #f4f6f8;--color-neutral-200: #e9ecef;--color-neutral-300: #dee2e6;--color-neutral-400: #ced4da;--color-neutral-500: #adb5bd;--color-neutral-600: #6c757d;--color-neutral-700: #495057;--color-neutral-800: #343a40;--color-neutral-900: #212529;--color-neutral-950: #0a0c0e;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Inter", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--font-size-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.25rem);--font-size-4xl: clamp(2.25rem, 1.8rem + 2.25vw, 3rem);--font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-2xl: 0 35px 60px -15px rgba(0, 0, 0, .3);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-notification: 700;--z-max: 9999;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-neutral-950);--color-surface: var(--color-neutral-900);--color-surface-hover: var(--color-neutral-800);--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-400);--color-text-tertiary: var(--color-neutral-500);--color-border: var(--color-neutral-800);--color-border-hover: var(--color-neutral-700)}}:root{--color-background: var(--color-neutral-0);--color-surface: var(--color-neutral-50);--color-surface-hover: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-500);--color-border: var(--color-neutral-200);--color-border-hover: var(--color-neutral-300)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.app{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-600)}.navbar{position:fixed;top:0;left:0;right:0;width:100%;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-sticky);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.navbar:hover{background:#fffffff2}.nav-container{max-width:1280px;margin:0 auto;padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.logo{font-size:var(--font-size-2xl)}.nav-links{display:flex;gap:var(--spacing-8);align-items:center}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary-500);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-primary-500)}.nav-link:hover:after{width:100%}.nav-cta{background:var(--color-primary-500);color:#fff;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.nav-cta:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff}.hero-section{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-24) var(--spacing-6) var(--spacing-16);background:linear-gradient(180deg,var(--color-neutral-50) 0%,var(--color-background) 50%,var(--color-neutral-50) 100%);position:relative;overflow:hidden}.hero-content{max-width:900px;text-align:center;z-index:2;position:relative}.hero-badge{display:inline-block;background:var(--color-primary-50);color:var(--color-primary-600);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;margin-bottom:var(--spacing-6)}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.gradient-text{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-10);line-height:var(--line-height-relaxed);max-width:700px;margin-left:auto;margin-right:auto}.hero-subtitle strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.demo-zone{margin:var(--spacing-12) 0;padding:var(--spacing-10);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-base)}.demo-zone h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8);color:var(--color-text-primary)}.demo-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.demo-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);cursor:pointer;transition:all var(--transition-base);text-align:center}.demo-card:hover{border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.demo-card:active{transform:translateY(0)}.demo-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3);display:block}.demo-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.demo-card p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.quick-signup{margin-top:var(--spacing-10)}.signup-divider{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.email-form{display:flex;gap:var(--spacing-3);max-width:500px;margin:0 auto}.email-form input[type=email]{flex:1;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--color-background)}.email-form input[type=email]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0076e61a}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1;opacity:.5}.wave{position:absolute;width:200%;height:200%;background:linear-gradient(135deg,#0076e608,#0076e600 70%);border-radius:40%;animation:wave 20s infinite linear}.wave1{top:-50%;left:-50%;animation-duration:20s}.wave2{top:-60%;right:-50%;animation-duration:25s;animation-delay:-5s}.wave3{bottom:-50%;left:-50%;animation-duration:30s;animation-delay:-10s}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-light{width:100%;background:var(--color-surface);padding:var(--spacing-20) var(--spacing-6)}.section-dark{width:100%;background:var(--color-neutral-900);color:var(--color-neutral-50);padding:var(--spacing-20) var(--spacing-6)}.container{max-width:1280px;margin:0 auto}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-4);letter-spacing:var(--letter-spacing-tight)}.section-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-12);font-size:var(--font-size-lg);max-width:600px;margin-left:auto;margin-right:auto}.section-dark .section-subtitle{color:var(--color-neutral-400)}.footer{width:100%;background:linear-gradient(180deg,var(--color-neutral-900) 0%,var(--color-neutral-950) 100%);color:var(--color-neutral-300);padding:var(--spacing-16) var(--spacing-6) var(--spacing-8);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-500) 50%,transparent 100%);opacity:.3}.footer-main{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--spacing-12);padding-bottom:var(--spacing-12);border-bottom:1px solid var(--color-neutral-800)}.footer-section{display:flex;flex-direction:column}.footer-brand-section{padding-right:var(--spacing-8)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.footer-logo .logo{font-size:var(--font-size-2xl)}.footer-logo .brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-100)}.footer-tagline{color:var(--color-neutral-400);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.footer-social{display:flex;gap:var(--spacing-3)}.social-link{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400);transition:all var(--transition-base)}.social-link:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;transform:translateY(-2px)}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-100);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--spacing-4)}.footer-links-column{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-links-column a{color:var(--color-neutral-400);font-size:var(--font-size-sm);transition:color var(--transition-fast);position:relative;padding-left:0}.footer-links-column a:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--color-primary-500);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.footer-links-column a:hover{color:var(--color-primary-400);padding-left:var(--spacing-3)}.footer-links-column a:hover:before{opacity:1}.footer-bottom{max-width:1280px;margin:0 auto;padding-top:var(--spacing-8)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}.footer-bottom-content p{color:var(--color-neutral-500);font-size:var(--font-size-sm);margin:0}.footer-bottom-tagline{font-style:italic}.section-broken{width:100%;background:var(--color-neutral-950);color:var(--color-neutral-50);padding:var(--spacing-20) var(--spacing-6);position:relative;overflow:hidden}.section-broken:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-error) 50%,transparent 100%);opacity:.5}.strike-through{position:relative;color:var(--color-neutral-500)}.strike-through:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:var(--color-error);transform:skewY(-2deg)}.broken-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-12)}.broken-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--spacing-8);transition:all var(--transition-base);position:relative;overflow:hidden}.broken-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-error) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.broken-card:hover{background:#ffffff0a;transform:translateY(-2px);border-color:#ef444433}.broken-card:hover:before{opacity:.5}.broken-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);filter:grayscale(20%)}.broken-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-neutral-100)}.broken-card p{color:var(--color-neutral-400);line-height:var(--line-height-relaxed);margin:0}.section-future{width:100%;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-background) 100%);padding:var(--spacing-20) var(--spacing-6);position:relative}.future-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.future-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);transition:all var(--transition-base);position:relative}.future-card:hover{border-color:var(--color-primary-300);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.future-number{display:inline-block;background:var(--color-primary-100);color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);margin-bottom:var(--spacing-4)}.future-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.future-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.example-badge{background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-style:italic;border-left:3px solid var(--color-primary-400)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12);position:relative}.steps-grid:before{content:"";position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--color-primary-200) 0%,var(--color-primary-500) 50%,var(--color-primary-200) 100%);z-index:0;opacity:.3}.step{text-align:center;position:relative;z-index:1}.step-number{width:80px;height:80px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-6);box-shadow:var(--shadow-md);position:relative;transition:all var(--transition-base)}.step:hover .step-number{transform:scale(1.1);box-shadow:var(--shadow-lg)}.step h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.step p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:300px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.feature-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);transform:translate(-100%);transition:transform var(--transition-base)}.feature-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card:hover:before{transform:translate(0)}.feature-icon{width:60px;height:60px;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-5)}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.feature-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.section-stats{width:100%;background:var(--color-neutral-900);color:var(--color-neutral-50);padding:var(--spacing-16) var(--spacing-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-8)}.stat-card{text-align:center;padding:var(--spacing-6)}.stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--font-size-base);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-2)}.stat-detail{font-size:var(--font-size-sm);color:var(--color-neutral-500);font-style:italic}.section-cta{width:100%;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);padding:var(--spacing-20) var(--spacing-6);text-align:center;position:relative;overflow:hidden}.section-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-4)}.cta-subtitle{font-size:var(--font-size-xl);color:#ffffffe6;margin-bottom:var(--spacing-8)}.cta-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.section-cta .cta-button-white{background:#fff;color:var(--color-primary-600);box-shadow:var(--shadow-lg)}.section-cta .cta-button-white:hover{background:var(--color-neutral-50);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.section-cta .cta-button-outline{background:transparent;color:#fff;border-color:#fff}.section-cta .cta-button-outline:hover{background:#ffffff1a;border-color:#fff;color:#fff;transform:translateY(-2px)}.section-cta .cta-star-button .star-border-content{background:#fff;color:var(--color-primary-600);border-color:#ffffff80;font-weight:var(--font-weight-semibold)}.section-cta .cta-star-button:hover .star-border-content{background:linear-gradient(to bottom,white,var(--color-neutral-50));box-shadow:var(--shadow-xl)}.section-cta .cta-star-button .star-border-animation{opacity:.8}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:var(--font-size-4xl)}.demo-options{grid-template-columns:1fr}.email-form{flex-direction:column}.footer-main{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}.footer-brand-section{padding-right:0}.footer-logo,.footer-social{justify-content:center}.footer-section,.footer-links-column{align-items:center}.footer-links-column a:before{display:none}.footer-links-column a:hover{padding-left:0}.footer-bottom-content{flex-direction:column;text-align:center}.broken-grid,.future-grid,.steps-grid,.features-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.cta-buttons{flex-direction:column;align-items:center}.btn-cta-primary,.btn-cta-secondary{width:100%;max-width:300px}}.recruiter-hero{background:linear-gradient(135deg,var(--color-neutral-900) 0%,var(--color-neutral-950) 100%)}.recruiter-hero .hero-title,.recruiter-hero .hero-subtitle{color:#fff}.recruiter-hero .hero-badge{background:var(--color-primary-500);color:#fff}.recruiter-hero .gradient-text{background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roi-calculator{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-8);margin-top:var(--spacing-8);border:1px solid rgba(255,255,255,.2)}.roi-calculator h3{color:#fff;font-size:var(--font-size-xl);margin-bottom:var(--spacing-6);text-align:center}.calculator-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.calc-input{display:flex;flex-direction:column;gap:var(--spacing-2)}.calc-input label{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.calc-input input{padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.calc-input input:focus{outline:none;border-color:#fff;background:#fff3}.calculator-results{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:#0003;border-radius:var(--radius-md)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0}.result-label{color:#fffc;font-size:var(--font-size-sm)}.result-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff}.agency-cost{color:var(--color-error);text-decoration:line-through}.hirewave-cost{color:var(--color-success)}.result-item.highlight{padding:var(--spacing-3);background:#10b98133;border-radius:var(--radius-md);border:1px solid var(--color-success)}.result-item.highlight .savings{color:var(--color-success);font-size:var(--font-size-xl)}.pricing-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}.pricing-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);position:relative;transition:all var(--transition-base)}.pricing-card.featured{border-color:var(--color-primary-500);transform:scale(1.05);box-shadow:var(--shadow-xl)}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary-500);color:#fff;padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.pricing-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);text-align:center}.price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);text-align:center;margin-bottom:var(--spacing-2)}.price-label{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.pricing-features li{padding-left:var(--spacing-6);position:relative;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-features li.negative{color:var(--color-text-tertiary);opacity:.7}.pricing-card.featured .pricing-features li{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.calculator-inputs,.pricing-comparison{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}}.profile-page{min-height:100vh;background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-neutral-100) 100%);padding-top:calc(var(--navbar-height, 80px) + var(--spacing-8));padding-bottom:var(--spacing-12)}.profile-page>div{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6);display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media (min-width: 768px){.profile-page>div{grid-template-columns:340px 1fr;align-items:start}}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-6);position:sticky;top:calc(var(--navbar-height, 80px) + var(--spacing-4))}.profile-main{display:flex;flex-direction:column;gap:var(--spacing-6)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-8);transition:all var(--transition-base);border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h2,.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.score-display{text-align:center;padding:var(--spacing-6)}.score-value{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:var(--spacing-2)}.score-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-bar{width:100%;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;margin:var(--spacing-3) 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.score-excellent{color:var(--color-success)}.score-good{color:var(--color-primary-500)}.score-average{color:var(--color-warning)}.score-poor{color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-neutral-100);color:var(--color-text-secondary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-info{background:var(--color-primary-100);color:var(--color-primary-600)}.profile-list{list-style:none;padding:0;margin:0}.profile-list-item{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;transition:background var(--transition-fast)}.profile-list-item:hover{background:var(--color-neutral-50)}.profile-list-item:last-child{border-bottom:none}.btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-2)}.btn-primary{background:var(--color-primary-500);color:#fff}.btn-primary:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-neutral-200);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-neutral-300)}.btn-ghost{background:transparent;color:var(--color-primary-500);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-primary-50);border-color:var(--color-primary-500)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-4);margin:var(--spacing-6) 0}.stat-item{text-align:center;padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-md)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-500);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2)}.loading-skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md);height:20px;margin:var(--spacing-2) 0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-container{text-align:center;padding:var(--spacing-12) var(--spacing-6)}.error-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4)}.error-message{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.error-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6)}.empty-state-icon{font-size:var(--font-size-6xl);color:var(--color-neutral-400);margin-bottom:var(--spacing-4)}.empty-state-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.empty-state-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-6);max-width:400px;margin-left:auto;margin-right:auto}.checkbox-container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;transition:all var(--transition-base);margin-bottom:var(--spacing-4)}.checkbox-container:hover{background:var(--color-neutral-50);border-color:var(--color-primary-200)}.checkbox-info{flex:1;margin-right:var(--spacing-4)}.checkbox-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block;margin-bottom:var(--spacing-1)}.checkbox-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.toggle-switch{position:relative;width:56px;height:32px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--color-neutral-300);transition:all var(--transition-base);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background:#fff;transition:all var(--transition-base);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.code-block{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--spacing-3) 0}.code-snippet{flex:1;background:var(--color-neutral-100);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-text-primary);overflow-x:auto;border:1px solid var(--color-border)}.profile-section{margin-bottom:var(--spacing-8)}.profile-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.section-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);line-height:1.6}.button-group{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.button-group.vertical{flex-direction:column}.btn.btn-full{width:100%;justify-content:center}.btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}@media (max-width: 768px){.profile-sidebar{position:static}.card{padding:var(--spacing-6)}.score-value{font-size:var(--font-size-4xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}.checkbox-container{flex-direction:column;align-items:flex-start}.checkbox-info{margin-bottom:var(--spacing-3)}.toggle-switch{align-self:flex-end}}@media (max-width: 480px){.profile-page>div{padding:0 var(--spacing-4)}.card{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}.button-group,.code-block{flex-direction:column}}