:root{--aqua: #0d6e6e;--aqua-dark: #0a5656;--gold: #d4af37;--gold-dark: #b8922e;--bg: #f6f6f4;--ink: #0b1220;--text: #1f2937;--muted: #6b7280;--card: rgba(255, 255, 255, .72);--border: rgba(15, 23, 42, .08);--success: #10b981;--error: #dc2626;--warning: #f59e0b;--info: #3b82f6}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;margin:0;padding:0}#root{min-height:100%;display:flex;flex-direction:column}body{background:var(--bg);color:var(--text);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}*:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{width:min(1120px,calc(100% - 48px));margin:0 auto}.h1,.h2,.h3,.h4{font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;margin:0}.h1{font-size:54px;line-height:58px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.h2{font-size:30px;line-height:34px;font-weight:800;color:var(--aqua)}.h3{font-size:18px;line-height:22px;font-weight:700;color:var(--ink)}.h4{font-size:16px;line-height:20px;font-weight:700;color:var(--ink)}.p{font-size:14px;line-height:24px;margin:0}.p-sm{font-size:13px;line-height:22px;color:var(--muted);margin:0}.section{padding:54px 0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.text-center{text-align:center}.text-muted{color:var(--muted)}.mt-1{margin-top:8px}.mt-2{margin-top:12px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.formGroup{margin-bottom:16px}.formLabel{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink)}.formInput{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:#fffc;transition:border-color .2s,box-shadow .2s}.formInput:focus{outline:none;border-color:var(--aqua);box-shadow:0 0 0 3px #0d6e6e1a}.formInput:disabled{opacity:.6;cursor:not-allowed}.formInput.error{border-color:var(--error)}.formTextarea{resize:vertical;min-height:100px}.formError{display:block;margin-top:4px;font-size:12px;color:var(--error)}.alert{padding:12px 16px;border-radius:8px;font-size:13px}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#065f46}.alert-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#991b1b}.skeleton{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-title{height:24px;background:var(--border);border-radius:4px;margin-bottom:12px;width:60%}.skeleton-text{height:16px;background:var(--border);border-radius:4px;margin-bottom:8px}.skeleton-button{height:40px;width:120px;background:var(--border);border-radius:999px;margin-top:16px}@media(max-width:900px){.h1{font-size:40px;line-height:46px}.h2{font-size:26px;line-height:30px}.grid-2,.grid-3{grid-template-columns:1fr}.container{width:min(1120px,calc(100% - 32px))}.section{padding:40px 0}}@media(max-width:600px){.h1{font-size:32px;line-height:38px}.h2{font-size:22px;line-height:28px}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9;border-bottom:1px solid var(--border)}.headerRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brandBtn{display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:0;text-align:left;transition:opacity .2s}.brandBtn:hover{opacity:.8}.brandName{font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-weight:800;font-size:18px;line-height:20px;color:var(--aqua)}.brandTagline{font-size:12px;color:var(--gold-dark);font-weight:500}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.navLink{border:1px solid transparent;background:transparent;cursor:pointer;padding:8px 10px;border-radius:999px;font-size:13px;opacity:.92;transition:all .2s}.navLink:hover{opacity:1;background:#0d6e6e0d}.navLink.active{border-color:#d4af3759;background:#d4af3714;opacity:1}.mobileMenuBtn{display:none;background:transparent;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:20px;cursor:pointer;color:var(--aqua);transition:all .2s}.mobileMenuBtn:hover{background:#0d6e6e0d}.mobileMenuOverlay{display:none}.footer{border-top:1px solid var(--border);padding:34px 0 22px;background:#ffffff73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:auto}.footerBrand{display:inline-block;transition:opacity .2s}.footerBrand:hover{opacity:.8}.footerGrid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:16px}.footerTitle{font-weight:800;color:var(--aqua);margin-bottom:10px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.footerLinks{display:flex;flex-direction:column;gap:8px}.footerLink{color:var(--muted);font-size:13px;transition:color .2s}.footerLink:hover{color:var(--aqua)}.socialLink{text-decoration:underline;text-underline-offset:2px}.footerBottom{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);text-align:center}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 16px 50px #00000014;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 20px 60px #0000001a}.btn{border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;border:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-outline{border:1px solid rgba(212,175,55,.55);color:var(--gold);background:#ffffff73;box-shadow:0 10px 26px #0000000f}.btn-outline:hover:not(:disabled){transform:translateY(-1px);color:#fff;background:linear-gradient(90deg,var(--aqua),var(--gold));box-shadow:0 0 18px #d4af3759}.btn-solid{border:1px solid transparent;color:#fff;background:linear-gradient(90deg,var(--aqua),var(--gold));box-shadow:0 16px 40px #0000001a}.btn-solid:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 55px #00000024}.hero{position:relative;padding:64px 0 56px;overflow:hidden}.heroBgGlow{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(13,110,110,.2),transparent 55%),radial-gradient(circle at 85% 75%,rgba(212,175,55,.18),transparent 55%),linear-gradient(180deg,#ffffffa6,#f6f6f4);pointer-events:none}.noise{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");animation:noiseMove 8s steps(2) infinite;pointer-events:none}.heroGrid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.heroLead{margin-top:16px;font-size:16px;line-height:26px;color:var(--muted);max-width:560px}.taglineGold{margin-top:14px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:17px;line-height:24px;font-weight:700;color:var(--gold);letter-spacing:.01em}.ctaRow{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.flagship{margin-top:16px;font-size:13px;color:var(--aqua-dark);font-weight:600}.heroOrbWrap{display:flex;justify-content:center}.heroOrb{width:320px;height:320px;border-radius:999px;position:relative;background:radial-gradient(circle at 20% 20%,#fff8e1eb,#f6f6f4);box-shadow:0 26px 70px #0000001a,inset 0 0 0 1px #d4af3729;display:flex;align-items:center;justify-content:center}.heroLogoFloat{animation:heroFloat 6.5s ease-in-out infinite}@keyframes heroFloat{0%{transform:translateY(0) scale(.985);filter:drop-shadow(0 10px 22px rgba(212,175,55,.18))}50%{transform:translateY(-6px) scale(1);filter:drop-shadow(0 14px 26px rgba(212,175,55,.26))}to{transform:translateY(0) scale(.992);filter:drop-shadow(0 10px 22px rgba(212,175,55,.18))}}@keyframes noiseMove{0%{transform:translateZ(0)}50%{transform:translate3d(-2%,1%,0)}to{transform:translateZ(0)}}.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}.tagRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.tag{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff8c;box-shadow:0 10px 24px #0000000d;font-size:12px;color:var(--muted);transition:all .2s;font-weight:500}.tag:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00000014}.tag-active{background:linear-gradient(90deg,var(--aqua),var(--gold));color:#fff;border-color:transparent}.mostPopular{position:relative;box-shadow:0 18px 50px #0000001a,0 0 28px #d4af3733;border:1px solid rgba(212,175,55,.45)}.badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,var(--aqua),var(--gold));box-shadow:0 16px 40px #0000001f}@media(max-width:900px){.mobileMenuBtn{display:block}.nav{position:fixed;top:0;right:0;height:100vh;width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;padding:80px 24px 24px;gap:4px;box-shadow:-4px 0 20px #0000001a;transform:translate(100%);transition:transform .3s ease;z-index:100}.nav.nav-open{transform:translate(0)}.navLink{width:100%;text-align:left;padding:12px 16px;border-radius:8px}.mobileMenuOverlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.heroGrid{grid-template-columns:1fr}.heroOrb{width:240px;height:240px}.footerGrid{grid-template-columns:1fr}.hero{padding:40px 0}}@media(max-width:600px){.heroOrb{width:200px;height:200px}.ctaRow{flex-direction:column}.btn{width:100%}}
