@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--navy-900: #0f1629;--navy-800: #1a1f36;--navy-700: #242b45;--navy-600: #2e3654;--navy-500: #3d4468;--navy-400: #5a6180;--navy-300: #8189a3;--navy-200: #b0b6c9;--navy-100: #dde0ea;--navy-50: #f0f1f6;--gold-600: #a67c2e;--gold-500: #c9a84c;--gold-400: #d4b96a;--gold-300: #e0cb8e;--gold-200: #ecddb3;--gold-100: #f7f0d8;--gold-50: #fcf9f0;--emerald-600: #059669;--emerald-500: #10b981;--emerald-400: #34d399;--emerald-50: #ecfdf5;--red-500: #ef4444;--red-50: #fef2f2;--amber-500: #f59e0b;--amber-50: #fffbeb;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 22, 41, .05);--shadow-sm: 0 1px 3px rgba(15, 22, 41, .08), 0 1px 2px rgba(15, 22, 41, .04);--shadow-md: 0 4px 6px -1px rgba(15, 22, 41, .07), 0 2px 4px -2px rgba(15, 22, 41, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 22, 41, .08), 0 4px 6px -4px rgba(15, 22, 41, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 22, 41, .1), 0 8px 10px -6px rgba(15, 22, 41, .06);--shadow-card: 0 1px 3px rgba(15, 22, 41, .06), 0 6px 16px rgba(15, 22, 41, .04);--shadow-card-hover: 0 4px 12px rgba(15, 22, 41, .1), 0 12px 28px rgba(15, 22, 41, .08);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--container-max: 1280px;--container-narrow: 960px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--gray-800);background-color:var(--gray-50);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--navy-800)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;font-size:inherit}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base)}ul,ol{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--container-narrow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;line-height:1.4}.btn--primary{background:var(--navy-800);color:var(--white)}.btn--primary:hover{background:var(--navy-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:var(--white)}.btn--gold:hover{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));box-shadow:0 4px 14px #c9a84c59;transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--navy-800);border:1.5px solid var(--navy-200)}.btn--outline:hover{border-color:var(--navy-800);background:var(--navy-50)}.btn--ghost{background:transparent;color:var(--navy-800)}.btn--ghost:hover{background:var(--navy-50)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--navy-700)}.form-input,.form-select,.form-textarea{padding:var(--space-3) var(--space-4);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px #1a1f3614}.form-input::placeholder{color:var(--gray-400)}.form-textarea{resize:vertical;min-height:100px}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--navy-50);color:var(--navy-600);border:1px solid var(--navy-100)}.chip--gold{background:var(--gold-50);color:var(--gold-600);border-color:var(--gold-200)}.chip--green{background:var(--emerald-50);color:var(--emerald-600);border-color:#a7f3d0}.chip--blue{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-card-hover)}.stars{display:flex;gap:2px}.star{font-size:var(--text-sm);color:var(--gray-300)}.star--filled{color:var(--gold-500)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--navy-200);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--navy-300)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-out) both}.animate-fade-in{animation:fadeIn .3s ease both}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}@media(max-width:768px){:root{--header-height: 60px}.container{padding:0 var(--space-4)}}.navbar{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);height:var(--header-height)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.navbar__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.navbar__logo{height:48px;width:48px;object-fit:contain;padding:6px;background:var(--white);border:1px solid var(--gold-300);border-radius:var(--radius-md);box-shadow:0 2px 6px #0000000d}.navbar__logo:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.navbar__brand-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--navy-800);letter-spacing:-.02em}.navbar__brand-text span{color:var(--gold-500)}.navbar__links{display:flex;align-items:center;gap:var(--space-1)}.navbar__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);transition:all var(--duration-fast);position:relative;text-decoration:none}.navbar__link:hover,.navbar__link--active{color:var(--navy-800);background:var(--navy-50)}.navbar__link--active:after{content:"";position:absolute;bottom:-1px;left:var(--space-4);right:var(--space-4);height:2px;background:var(--gold-500);border-radius:1px}.navbar__actions{display:flex;align-items:center;gap:var(--space-3)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer;background:transparent;border:none;position:relative;z-index:10001}.navbar__hamburger span{display:block;width:22px;height:2px;background:var(--navy-800);border-radius:1px;transition:all var(--duration-normal)}.navbar__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar__user-btn{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:var(--navy-50);transition:background var(--duration-fast)}.navbar__user-btn:hover{background:var(--navy-100)}.navbar__user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--navy-800),var(--navy-600));color:var(--gold-400);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;font-family:var(--font-heading);flex-shrink:0}.navbar__user-name{font-size:var(--text-sm);font-weight:500;color:var(--navy-800)}.navbar__user-role{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:var(--radius-full);background:var(--navy-100);color:var(--navy-600)}.navbar__user-avatar[data-role=lawyer]{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:var(--white)}.navbar__user-avatar[data-role=admin]{background:linear-gradient(135deg,#db2777,#be185d);color:var(--white)}.navbar__mobile-menu{display:none;position:fixed;inset:0;width:100%;height:100vh;z-index:9999;background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);flex-direction:column;padding:var(--space-5) var(--space-5) var(--space-8);overflow-y:auto;animation:mobileMenuIn .2s ease}.navbar__mobile-menu--open{display:flex}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-menu:before{content:"";display:block;height:var(--header-height);flex-shrink:0}.navbar__mobile-links{display:flex;flex-direction:column;gap:0;flex:1}.navbar__mobile-link{display:block;padding:var(--space-4) var(--space-2);font-size:var(--text-lg);font-weight:500;color:var(--navy-800);-webkit-text-fill-color:var(--navy-800);text-decoration:none;background:transparent;border-bottom:1px solid rgba(15,22,41,.08);transition:background var(--duration-fast),padding var(--duration-fast)}.navbar__mobile-link:hover{background:#0f16290d;padding-left:var(--space-4)}.navbar__mobile-link--active{color:var(--gold-600);-webkit-text-fill-color:var(--gold-600);font-weight:600;border-left:3px solid var(--gold-500);padding-left:calc(var(--space-2) - 3px)}.navbar__mobile-auth{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(15,22,41,.1);display:flex;flex-direction:column;gap:var(--space-2)}.navbar__mobile-auth .navbar__mobile-link{border-bottom:none;font-size:var(--text-base)}body.menu-open{overflow:hidden;padding-right:0}@media(max-width:768px){.navbar__links,.navbar__actions .btn,.navbar__actions .navbar__user-btn{display:none}.navbar__hamburger{display:flex}.navbar__inner{padding:0 var(--space-4)}}@media(min-width:769px){.navbar__mobile-menu{display:none!important}body.menu-open{overflow:auto}}.footer{background:var(--navy-800);color:var(--navy-200);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.footer__brand-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--white);margin-bottom:var(--space-4)}.footer__brand-text span{color:var(--gold-400)}.footer__description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--navy-300);max-width:320px}.footer__heading{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5)}.footer__list{display:flex;flex-direction:column;gap:var(--space-3)}.footer__list a{font-size:var(--text-sm);color:var(--navy-300);transition:color var(--duration-fast)}.footer__list a:hover{color:var(--gold-400)}.footer__bottom{max-width:var(--container-max);margin:var(--space-12) auto 0;padding:var(--space-6) var(--space-6) 0;border-top:1px solid var(--navy-600);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--navy-400)}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}#root{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.search-bar{display:flex;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1.5px solid var(--gray-200);max-width:720px}.search-bar--hero{max-width:760px;border:2px solid var(--navy-200);box-shadow:0 8px 32px #0f16291f}.search-bar__field{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-right:1px solid var(--gray-200)}.search-bar__field:last-of-type{border-right:none}.search-bar__icon{font-size:var(--text-lg);color:var(--navy-400);flex-shrink:0}.search-bar__field select,.search-bar__field input{border:none;outline:none;font-size:var(--text-sm);color:var(--gray-800);background:transparent;width:100%;font-family:var(--font-body);-webkit-text-fill-color:var(--gray-800)}.search-bar__field select{cursor:pointer;-webkit-appearance:none;appearance:none}.search-bar__submit{padding:var(--space-4) var(--space-8);background:var(--navy-800);color:var(--white);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer;transition:background var(--duration-fast);white-space:nowrap}.search-bar__submit:hover{background:var(--navy-700)}@media(max-width:640px){.search-bar{flex-direction:column;border-radius:var(--radius-lg);background:var(--white)}.search-bar__field{border-right:none;border-bottom:1px solid var(--gray-200);padding:var(--space-3) var(--space-4);background:var(--white)}.search-bar__field select,.search-bar__field input{background:var(--white);color:var(--gray-800);-webkit-text-fill-color:var(--gray-800)}.search-bar__submit{padding:var(--space-4);border-radius:0 0 var(--radius-lg) var(--radius-lg)}}.rating-badge{display:inline-flex;align-items:center;gap:var(--space-2)}.rating-badge__score{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);font-weight:800;font-size:var(--text-lg);color:var(--white);letter-spacing:-.02em;line-height:1}.rating-badge__score--sm{width:36px;height:36px;font-size:var(--text-sm);border-radius:6px}.rating-badge__meta{display:flex;flex-direction:column}.rating-badge__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);line-height:1}.rating-badge__text{font-size:var(--text-sm);font-weight:600;color:var(--navy-800);line-height:1.3}.lawyer-card{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease-out);position:relative}.lawyer-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--navy-200)}.lawyer-card__avatar{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--navy-700),var(--navy-500));display:flex;align-items:center;justify-content:center;color:var(--gold-400);font-size:var(--text-2xl);font-weight:700;font-family:var(--font-heading)}.lawyer-card__content{flex:1;min-width:0}.lawyer-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2)}.lawyer-card__name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--navy-800);line-height:1.3}.lawyer-card__name:hover{color:var(--gold-600)}.lawyer-card__specializations{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-3)}.lawyer-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--gray-600)}.lawyer-card__meta-item{display:flex;align-items:center;gap:var(--space-1)}.lawyer-card__meta-icon{font-size:var(--text-base)}.lawyer-card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.lawyer-card__verified{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--emerald-600);background:var(--emerald-50);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid #a7f3d0}.lawyer-card__pro-bono{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:#1565c0;background:#e3f2fd;padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid #90caf9;cursor:help;position:relative}.lawyer-card__pro-bono:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--navy-800);color:var(--white);font-size:11px;font-weight:400;padding:6px 10px;border-radius:var(--radius-md);white-space:normal;width:200px;line-height:1.5;z-index:10;box-shadow:0 4px 12px #00000026}.lawyer-card__actions{display:flex;gap:var(--space-2);align-items:center}.lawyer-card__compare-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--gray-500);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--duration-fast);background:var(--white)}.lawyer-card__compare-toggle:hover{border-color:var(--navy-300);color:var(--navy-700)}.lawyer-card__compare-toggle--active{background:var(--navy-800);color:var(--white);border-color:var(--navy-800)}@media(max-width:640px){.lawyer-card{flex-direction:column;gap:var(--space-4)}.lawyer-card__avatar{width:60px;height:60px;font-size:var(--text-xl)}.lawyer-card__header{flex-direction:column;gap:var(--space-2)}.lawyer-card__actions{flex-wrap:wrap}}.hero{position:relative;background:linear-gradient(165deg,var(--navy-900) 0%,var(--navy-800) 40%,var(--navy-700) 100%);padding:var(--space-24) 0 var(--space-20);overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 70%);border-radius:50%}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(201,168,76,.05) 0%,transparent 70%);border-radius:50%}.hero__content{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#c9a84c1f;border:1px solid rgba(201,168,76,.25);color:var(--gold-400);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;margin-bottom:var(--space-6)}.hero__title{font-family:var(--font-heading);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:var(--space-5)}.hero__title span{color:var(--gold-400)}.hero__subtitle{font-size:var(--text-lg);color:var(--navy-200);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);max-width:560px;margin-left:auto;margin-right:auto}.hero__search{display:flex;justify-content:center;margin-bottom:var(--space-6)}.hero__trust{display:flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--navy-300)}.hero__trust-item{display:flex;align-items:center;gap:var(--space-2)}.practice-areas{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header__label{font-size:var(--text-sm);font-weight:600;color:var(--gold-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.section-header__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;color:var(--navy-800);margin-bottom:var(--space-4)}.section-header__subtitle{font-size:var(--text-base);color:var(--gray-500);max-width:560px;margin:0 auto}.practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.practice-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.practice-card:hover{border-color:var(--navy-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.practice-card__icon{font-size:1.75rem;line-height:1;flex-shrink:0}.practice-card__name{font-weight:600;font-size:var(--text-sm);color:var(--navy-800);margin-bottom:2px}.practice-card__desc{font-size:var(--text-xs);color:var(--gray-500);line-height:1.4}.featured{padding:0 0 var(--space-20)}.featured__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-5)}.how-it-works{padding:var(--space-20) 0;background:var(--navy-800)}.how-it-works .section-header__label{color:var(--gold-400)}.how-it-works .section-header__title{color:var(--white)}.how-it-works .section-header__subtitle{color:var(--navy-200)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:900px;margin:0 auto}.step-card{text-align:center;padding:var(--space-8) var(--space-6)}.step-card__number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);font-weight:800;font-size:var(--text-xl);color:var(--white)}.step-card__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--white);margin-bottom:var(--space-3)}.step-card__text{font-size:var(--text-sm);color:var(--navy-200);line-height:var(--leading-relaxed)}.stats{padding:var(--space-16) 0;background:var(--gold-50);border-top:1px solid var(--gold-200);border-bottom:1px solid var(--gold-200)}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.stat__number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--navy-800);line-height:1;margin-bottom:var(--space-2)}.stat__label{font-size:var(--text-sm);color:var(--gray-500);font-weight:500}.cta{padding:var(--space-20) 0;text-align:center}.cta__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--navy-800);margin-bottom:var(--space-4)}.cta__text{font-size:var(--text-lg);color:var(--gray-500);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.cta__actions{display:flex;justify-content:center;gap:var(--space-4)}@media(max-width:768px){.hero{padding:var(--space-16) 0 var(--space-12)}.hero__trust{flex-direction:column;gap:var(--space-3)}.steps-grid{grid-template-columns:1fr;gap:var(--space-4)}.stats__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.featured__grid{grid-template-columns:1fr}.cta__actions{flex-direction:column;align-items:center}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 200px);padding:var(--space-8) var(--space-4)}.auth-card{width:100%;max-width:440px;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);padding:var(--space-8)}.auth-card__header{text-align:center;margin-bottom:var(--space-8)}.auth-card__logo{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--navy-800),var(--navy-600));display:inline-flex;align-items:center;justify-content:center;color:var(--gold-400);font-size:var(--text-lg);font-weight:800;font-family:var(--font-heading);margin-bottom:var(--space-4)}.auth-card__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--navy-800);margin-bottom:var(--space-2)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--gray-500)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.auth-form .form-label{font-size:var(--text-sm);font-weight:500;color:var(--navy-800)}.auth-form .form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--duration-fast)}.auth-form .form-input:focus{outline:none;border-color:var(--navy-400);box-shadow:0 0 0 3px #1e3a8a1a}.auth-role-selector{display:flex;gap:var(--space-3)}.auth-role-option{flex:1;position:relative}.auth-role-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.auth-role-option label{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);text-align:center}.auth-role-option label:hover{border-color:var(--navy-300)}.auth-role-option input[type=radio]:checked+label{border-color:var(--navy-800);background:var(--navy-50);color:var(--navy-800)}.auth-role-option__icon{font-size:1.5rem}.auth-error{padding:var(--space-3) var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:var(--text-sm);font-weight:500}.form-field-error{display:block;margin-top:var(--space-1);color:#dc2626;font-size:.78rem;font-weight:500}.form-input--error,.auth-form .form-input--error{border-color:#fca5a5!important;background-color:#fef2f2}.form-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.auth-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--gray-500)}.auth-card__footer a{color:var(--navy-800);font-weight:600;text-decoration:none}.auth-card__footer a:hover{text-decoration:underline}.google-btn:hover{background:#f5f5f5}.role-cards{display:flex;gap:16px;margin-top:20px}.role-card{flex:1;padding:20px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center;background:var(--white)}.role-card:hover{border-color:var(--navy-300);transform:translateY(-2px)}.role-card.active{border-color:var(--navy-800);background:var(--navy-50)}.role-icon{font-size:28px;margin-bottom:10px}