*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}a{color:inherit;text-decoration:none}a:not(.btn-primary):not(.btn-secondary):not(.btn-outline):not(.btn-ghost):not(.logo):not(.primary-menu a):not(.mobile-menu-btn):not(.search-btn):not(.footer-links a):hover{text-decoration:underline}html{scroll-behavior:smooth;font-size:1rem}body{background:var(--color-bg-secondary);color:var(--color-text-primary);width:100%;font-family:system-ui,-apple-system,Inter,sans-serif;line-height:1.5;overflow-x:hidden}:root{--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#4338ca;--color-primary-bg:#eef2ff;--color-secondary:#10b981;--color-secondary-light:#34d399;--color-secondary-dark:#059669;--color-secondary-bg:#ecfdf5;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-dark:#d97706;--color-accent-bg:#fffbeb;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#f8fafc;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-alt:#0f172a;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.5rem, 2.5vw, 2rem);--text-3xl:clamp(1.875rem, 4vw, 3.5rem);--text-4xl:clamp(2.25rem, 5vw, 4rem);--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-pill:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--container-padding:1rem;--container-max-width:100%}@media (prefers-color-scheme:dark){:root{--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-border:#334155}}h1,.h1{font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-md);font-weight:800;line-height:1.2}h2,.h2{font-size:var(--text-2xl);letter-spacing:-.015em;margin-bottom:var(--space-sm);font-weight:700;line-height:1.3}h3,.h3{font-size:var(--text-xl);margin-bottom:var(--space-sm);font-weight:600;line-height:1.4}h4,.h4{font-size:var(--text-lg);font-weight:600;line-height:1.4}p{font-size:var(--text-base);margin-bottom:var(--space-md);color:var(--color-text-secondary);line-height:1.6}@media (width>=2560px){:root{font-size:1.25rem}}@media (width>=3840px){:root{font-size:1.5rem}}@media (width>=7680px){:root{font-size:2rem}}.container{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}@media (width>=640px){:root{--container-padding:1.5rem}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=2560px){.container{--container-padding:3rem;max-width:2400px}}@media (width>=3840px){.container{--container-padding:4rem;max-width:3600px}}@media (width>=7680px){.container{--container-padding:6rem;max-width:7200px}}.btn-primary,.btn-secondary,.btn-outline,.btn-ghost{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);border-radius:var(--radius-md);transition:var(--transition-base);cursor:pointer;white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover,.btn-primary:active{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-full-mobile{width:100%}@media (width>=640px){.btn-full-mobile{width:auto}}.btn-sm{min-height:36px;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.btn-lg{min-height:52px;padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.header{z-index:100;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--container-padding);transition:var(--transition-base);position:sticky;top:0}.header.scrolled{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}@media (prefers-color-scheme:dark){.header.scrolled{background:#0f172af2}}.header-inner{align-items:center;gap:var(--space-sm);max-width:var(--container-max-width);grid-template-columns:44px 1fr auto;margin:0 auto;display:grid}.logo{font-size:var(--text-xl);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;justify-self:center;font-weight:800}.header-right{align-items:center;gap:var(--space-sm);justify-self:end;display:flex}.search-btn{cursor:pointer;width:44px;height:44px;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.search-btn:hover{color:var(--color-primary)}.mobile-menu-btn{cursor:pointer;width:44px;height:44px;color:var(--color-text-primary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;justify-self:start;align-items:center;display:flex}.primary-menu{background:var(--color-bg-primary);width:100%;height:calc(100dvh - 60px);padding:var(--space-xl);gap:var(--space-md);transition:var(--transition-base);z-index:99;border-top:1px solid var(--color-border);flex-direction:column;position:fixed;top:60px;left:-100%;overflow-y:auto}.primary-menu.open{left:0}.primary-menu a{padding:var(--space-sm) 0;font-size:var(--text-lg);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);font-weight:500;display:block}.auth-menu{display:none}.mobile-auth-menu{gap:var(--space-sm);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.mobile-auth-menu .btn-primary,.mobile-auth-menu .btn-outline{width:100%;padding:var(--space-md);font-size:var(--text-base);justify-content:center}@media (width>=768px){.mobile-menu-btn,.mobile-auth-menu{display:none}.auth-menu{gap:var(--space-sm);align-items:center;display:flex}.header-inner{align-items:center;gap:var(--space-lg);display:flex}.logo{justify-self:auto}.primary-menu{justify-content:center;gap:var(--space-lg);background:0 0;border-top:none;flex-direction:row;flex:1;width:auto;height:auto;padding:0;display:flex;position:static}.primary-menu a{font-size:var(--text-sm);border-bottom:none;padding:0}.primary-menu a:after{content:"";background:var(--color-primary);width:0;height:2px;transition:var(--transition-base);margin-top:var(--space-xs);display:block}.primary-menu a:hover:after,.primary-menu a.active:after{width:100%}}.footer{background:var(--color-bg-alt);color:var(--color-text-inverse);padding:var(--space-xl) var(--container-padding);margin-top:var(--space-3xl);container-type:inline-size}.footer-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}.footer h3{color:var(--color-primary-light);font-size:var(--text-lg);margin-bottom:var(--space-md)}.footer-col p{color:var(--color-text-tertiary);font-size:var(--text-sm)}.footer-links{gap:var(--space-sm);flex-direction:column;display:flex}.footer-links a{color:var(--color-text-tertiary);font-size:var(--text-sm);transition:var(--transition-fast)}.footer-links a:active{color:var(--color-primary-light);padding-left:var(--space-xs)}.newsletter-form{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.newsletter-form input{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;min-height:44px}.newsletter-form button{min-height:44px;padding:var(--space-sm) var(--space-md);background:var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;font-weight:600}.social-icons{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.social-icons a{border-radius:var(--radius-pill);width:44px;height:44px;transition:var(--transition-base);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.footer-bottom{gap:var(--space-md);text-align:center;padding-top:var(--space-xl);border-top:1px solid #ffffff1a;flex-direction:column;display:flex}.footer-bottom-links{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.footer-bottom a,.footer-bottom p{font-size:var(--text-xs);color:var(--color-text-tertiary)}@container (width>=500px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@container (width>=900px){.footer-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=640px){.newsletter-form{flex-direction:row}.newsletter-form input{flex:1}}@media (width>=1024px){.footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}.auth-container{min-height:calc(100dvh - 120px);margin:var(--space-md);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;container-type:inline-size}.auth-container-left{display:none}.auth-container-right{padding:var(--space-xl) var(--space-lg)}.auth-form{gap:var(--space-lg);flex-direction:column;display:flex}.auth-form-row{gap:var(--space-xs);flex-direction:column;display:flex}.auth-form-row label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.auth-form-row select,.auth-form-row input{width:100%;padding:var(--space-md);font-size:var(--text-base);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:48px}.auth-form label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.auth-form input,.auth-form select{width:100%;padding:var(--space-md);font-size:var(--text-base);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:48px}.auth-form-action button{width:100%;min-height:48px;padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base);border:none;font-family:inherit;font-weight:600}.auth-form-action button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.auth-form-action button:disabled{opacity:.6;cursor:not-allowed}.auth-form-link{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-form-link a{color:var(--color-primary);font-weight:600}@container (width>=640px){.auth-container-inner{grid-template-columns:1fr 1fr;display:grid}.auth-container-left{padding:var(--space-2xl);color:#fff;background:linear-gradient(145deg,#1e1b4b,#0f172a);flex-direction:column;justify-content:space-between;display:flex}.auth-container-left h2{color:#fff;font-size:var(--text-2xl)}.auth-container-left p{color:#ffffffb3}.auth-container-right{padding:var(--space-2xl)}}@media (width>=768px){.auth-container{max-width:1000px;margin:var(--space-2xl) auto}}@media (width>=1440px){.auth-container{max-width:1200px}.auth-container-left,.auth-container-right{padding:var(--space-3xl)}}.progress-container{margin-bottom:var(--space-xl)}.progress-header{margin-bottom:var(--space-xs);font-size:var(--text-xs);color:var(--color-primary);justify-content:space-between;font-weight:600;display:flex}.progress-bar{background:var(--color-border);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:100%;transition:width var(--transition-base);width:0%}.role-card{align-items:center;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);background:var(--color-bg-primary);margin-bottom:var(--space-sm);display:flex}.role-card:active{transform:scale(.98)}.role-card.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.role-icon{font-size:2rem}.role-content h6{margin-bottom:var(--space-xs)}.role-content p{font-size:var(--text-sm);margin-bottom:0}@media (width>=768px){.role-card:hover{transform:translateX(var(--space-xs))}}.avatar-upload{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.avatar-preview{background:var(--color-bg-tertiary);border:2px dashed var(--color-border);cursor:pointer;width:96px;height:96px;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-preview:active{transform:scale(.95)}.page-title{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));padding:var(--space-xl) var(--container-padding);text-align:center;margin-bottom:var(--space-xl)}.page-title-Name{font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-sm);font-weight:800}.breadcrumb{justify-content:center;gap:var(--space-xs);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.breadcrumb a{color:#fffc}.breadcrumb span{color:#ffffff80}.m-0{margin:0}.mt-auto{margin-top:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}@media (width>=640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tap-target{min-width:44px;min-height:44px}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-bg-tertiary) 50%, var(--color-border) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.search-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;flex-direction:column;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-header{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--container-padding);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.search-overlay-input{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex:1;display:flex}.search-overlay-input svg{flex-shrink:0}.search-overlay-input input{font-size:var(--text-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.search-overlay-input input::placeholder{color:var(--color-text-tertiary)}.search-overlay-close{cursor:pointer;width:44px;height:44px;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-overlay-close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.search-overlay-body{padding:var(--space-md) 0;flex:1;overflow-y:auto}.search-overlay-results{margin:0;padding:0;list-style:none}.search-result-item{padding:var(--space-md) var(--container-padding);transition:var(--transition-fast);cursor:pointer;text-decoration:none;display:block}.search-result-item:hover{background:var(--color-bg-tertiary)}.search-result-title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:600}.search-result-title mark{background:var(--color-accent-bg);color:var(--color-accent-dark);border-radius:2px;padding:0 2px}.search-result-description{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;margin-bottom:var(--space-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-result-meta{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.search-result-badge{padding:2px var(--space-sm);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-xs);text-transform:capitalize;display:inline-block}.search-result-badge.study_notes{background:var(--color-primary-bg);color:var(--color-primary)}.search-result-badge.slos{background:var(--color-secondary-bg);color:var(--color-secondary-dark)}.search-result-badge.past_papers{background:var(--color-accent-bg);color:var(--color-accent-dark)}.search-result-badge.resources{background:var(--color-info);color:#fff}.search-overlay-empty{padding:var(--space-3xl) var(--container-padding);text-align:center;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.search-overlay-empty svg{margin-bottom:var(--space-md);opacity:.5}.search-overlay-empty p{font-size:var(--text-base);margin-bottom:var(--space-xs)}.search-overlay-empty span{font-size:var(--text-sm)}.search-overlay-error{text-align:center;padding:var(--space-2xl);color:var(--color-error);font-size:var(--text-sm)}.search-overlay-loading{padding:var(--space-2xl);justify-content:center;display:flex}.search-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=768px){.search-overlay{align-items:center}.search-overlay-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:80vh;box-shadow:var(--shadow-lg);overflow:hidden}.search-overlay-header{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.search-overlay-body{max-height:60vh}.search-result-item{padding:var(--space-md) var(--space-lg)}}@media (width>=640px){:root{--space-xl:2.5rem;--space-2xl:3.5rem}}@media (width>=1024px){:root{--space-xl:3rem;--space-2xl:4rem;--space-3xl:5rem}}@media (width>=2560px){.container{--container-padding:4rem}.btn-primary,.btn-secondary{min-height:56px;padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}}@media (width>=3840px){.container{--container-padding:6rem}.primary-menu a{font-size:var(--text-base)}.logo{font-size:var(--text-2xl)}}@media (width>=7680px){.container{--container-padding:8rem}.primary-menu{gap:var(--space-xl)}.auth-container{max-width:2400px}}.hero-section{background:linear-gradient(135deg, var(--color-primary-bg) 0%, var(--color-bg-secondary) 100%);align-items:center;min-height:90dvh;display:flex;position:relative;overflow:hidden}.hero-gradient{pointer-events:none;background:radial-gradient(circle at 30%,#4f46e51a 0%,#0000 50%);position:absolute;inset:0}.hero-container{z-index:2;gap:var(--space-2xl);padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);grid-template-columns:1fr;display:grid;position:relative}@media (width>=1024px){.hero-container{grid-template-columns:1fr 1fr;align-items:center}}.hero-content{text-align:center}@media (width>=1024px){.hero-content{text-align:left}}.hero-badge{align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-lg);background:#4f46e51a;font-weight:500;display:inline-flex}.hero-badge-icon{font-size:var(--text-base)}.hero-title{margin-bottom:var(--space-md);color:var(--color-text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.hero-title-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:31.25rem;margin-left:auto;margin-right:auto}@media (width>=1024px){.hero-description{margin-left:0;margin-right:0}}.hero-buttons{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=1024px){.hero-buttons{justify-content:flex-start}}.hero-stats{justify-content:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}@media (width>=1024px){.hero-stats{justify-content:flex-start}}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-2xl);color:var(--color-primary);font-weight:800}.hero-stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.hero-image{justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.hero-image-decoration{background:radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);opacity:.3;filter:blur(60px);border-radius:50%;width:100%;height:100%;position:absolute}.hero-image-content{width:100%;max-width:25rem;margin:0 auto;position:relative}.floating-card{background:var(--color-bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);font-weight:600;font-size:var(--text-sm);white-space:nowrap;position:absolute}.card-1{animation:3s ease-in-out infinite float;top:0;left:0}.card-2{animation:3s ease-in-out .5s infinite float;top:50%;right:0;transform:translateY(-50%)}.card-3{animation:3s ease-in-out 1s infinite float;bottom:0;left:20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=768px){.floating-card{font-size:var(--text-xs);padding:var(--space-sm) var(--space-md)}.card-1{top:-20px;left:-20px}.card-2{right:-20px}.card-3{bottom:-20px;left:10%}}.features-section{padding:var(--space-3xl) 0;background:var(--color-bg-primary);container-type:inline-size}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-badge{background:var(--color-primary-bg);color:var(--color-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-sm);margin-bottom:var(--space-md);font-weight:600;display:inline-block}.section-title{margin-bottom:var(--space-md);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.section-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:37.5rem;margin:0 auto}.features-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@container (width>=500px){.features-grid{grid-template-columns:repeat(2,1fr)}}@container (width>=900px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition-base);text-decoration:none;display:block}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{margin-bottom:var(--space-md);font-size:3rem}.feature-title{font-size:var(--text-xl);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:700}.feature-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.feature-link{color:var(--color-primary);font-weight:600;font-size:var(--text-sm);transition:var(--transition-fast)}.feature-card:hover .feature-link{display:inline-block;transform:translate(4px)}.howitworks-section{padding:var(--space-3xl) 0;background:var(--color-bg-secondary)}.steps-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid;position:relative}@media (width>=768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{text-align:center;padding:var(--space-xl);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:var(--transition-base);position:relative}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-number{background:var(--color-primary);color:#fff;width:32px;height:32px;font-weight:700;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.step-icon{margin-bottom:var(--space-md);margin-top:var(--space-md);font-size:3rem}.step-title{font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:700}.step-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:0}.step-connector{display:none}@media (width>=768px){.step-connector{font-size:var(--text-xl);color:var(--color-border);display:block;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.step-card:last-child .step-connector{display:none}}.testimonials-section{padding:var(--space-3xl) 0;background:var(--color-bg-primary)}.testimonials-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition-base);position:relative}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.testimonial-quote{color:var(--color-primary);opacity:.2;top:var(--space-md);left:var(--space-md);font-family:serif;font-size:4rem;position:absolute}.testimonial-content{font-size:var(--text-base);margin-bottom:var(--space-lg);margin-top:var(--space-md);z-index:1;line-height:1.6;position:relative}.testimonial-rating{margin-bottom:var(--space-md);font-size:var(--text-sm)}.testimonial-author{align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex}.testimonial-avatar{background:var(--color-primary-bg);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.testimonial-name{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-xs)}.testimonial-role{font-size:var(--text-xs);color:var(--color-text-tertiary)}.cta-section{padding:var(--space-3xl) 0;background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%)}.cta-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;background:#ffffff1a}.cta-content{max-width:37.5rem;margin:0 auto}.cta-title{color:#fff;margin-bottom:var(--space-md);font-size:clamp(1.75rem,4vw,2.5rem)}.cta-description{color:#ffffffe6;margin-bottom:var(--space-xl)}.cta-section .btn-secondary{color:var(--color-primary);background:#fff}.cta-section .btn-secondary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.register-left-content{flex:1}.register-logo{color:#fff;margin-bottom:var(--space-2xl);font-size:1.75rem;display:inline-block}.register-copyright{color:#ffffff80;font-size:.85rem}.register-progress{margin-bottom:var(--space-xl)}.register-progress-header{font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-sm);justify-content:space-between;font-weight:600;display:flex}.register-progress-bar{background-color:var(--color-border);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.register-progress-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-base)}.register-title{margin-bottom:var(--space-lg);color:var(--color-text-primary);font-size:1.75rem;font-weight:800}.register-error{color:#ef4444;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-sm);background-color:#fee2e2;font-weight:500}.register-roles{gap:var(--space-md);flex-direction:column;display:flex}.register-role-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-primary);transition:var(--transition-base);display:flex}.register-role-card:hover{transform:translate(4px)}.register-role-card.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.register-role-icon{font-size:2rem}.register-role-content h6{margin:0 0 var(--space-xs) 0;font-weight:700}.register-role-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.register-avatar-section{margin-bottom:var(--space-md);flex-direction:column;align-items:center;display:flex}.register-avatar-preview{background-color:var(--color-bg-tertiary);cursor:pointer;border:2px dashed var(--color-border);width:80px;height:80px;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.register-avatar-preview:hover{border-color:var(--color-primary);transform:scale(1.02)}.register-avatar-img{object-fit:cover;width:100%;height:100%}.register-avatar-placeholder{font-size:1.5rem}.register-avatar-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-sm);font-weight:600}.register-avatar-input{display:none}.register-password-wrapper{position:relative}.register-password-wrapper input{width:100%;padding-right:var(--space-3xl)}.register-password-toggle{right:var(--space-md);cursor:pointer;color:var(--color-text-tertiary);font-size:var(--text-sm);background:0 0;border:none;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}.register-password-toggle:hover{color:var(--color-primary)}.register-double-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.register-double-buttons{gap:var(--space-md)!important;margin-top:var(--space-md)!important;flex-direction:row!important}.register-back-btn{flex:1;background-color:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important;box-shadow:none!important}.register-back-btn:hover{transform:translateY(-1px);background-color:var(--color-border)!important}.register-next-btn{flex:2}.register-footer-link{justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.register-footer-link a{color:var(--color-primary);margin-left:var(--space-sm);font-weight:600}.register-footer-link a:hover{text-decoration:underline}@media (width<=768px){.register-double-grid{gap:var(--space-md);grid-template-columns:1fr}.register-double-buttons{flex-direction:column!important}.register-back-btn,.register-next-btn{width:100%}.register-role-card{padding:var(--space-md)}.register-role-icon,.register-title{font-size:1.5rem}}@media (prefers-color-scheme:dark){.register-error{color:#f87171;background-color:#ef444426}.register-back-btn{background-color:var(--color-bg-tertiary)!important}}