body{font-family:var(--font-body);background-color:var(--slate-50);color:var(--slate-900);min-height:100vh;overflow-x:hidden;position:relative}.ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(99,102,241,.12) 1.2px,transparent 1.2px);background-size:28px 28px;opacity:.7}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.65;animation:floatOrb 18s ease-in-out infinite alternate}.orb-1{top:-100px;left:10%;width:480px;height:480px;background:radial-gradient(circle,#6366f138,#6366f100 70%);animation-duration:16s}.orb-2{top:25%;right:5%;width:520px;height:520px;background:radial-gradient(circle,#06b6d42e,#06b6d400 70%);animation-duration:22s;animation-delay:-4s}.orb-3{bottom:-120px;left:20%;width:560px;height:560px;background:radial-gradient(circle,#a855f729,#a855f700 70%);animation-duration:20s;animation-delay:-8s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}to{transform:translate(-30px,50px) scale(.95)}}.site-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.index-navbar{max-width:960px;margin:0 auto;padding:18px 24px 0;width:100%;display:flex;align-items:center;justify-content:flex-end}.brand-mini{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--slate-900);font-weight:700;font-size:.95rem;letter-spacing:-.3px}.brand-mini-logo{width:32px;height:32px;border-radius:8px;object-fit:contain}.nav-actions{display:flex;align-items:center;gap:12px}.hero-container{max-width:960px;margin:0 auto;padding:24px 20px clamp(36px,6vw,64px);width:100%;flex:1;display:flex;flex-direction:column;align-items:center}.hero-header{text-align:center;margin-bottom:clamp(28px,4.5vw,40px);max-width:720px}.hero-title{font-size:clamp(2.2rem,5.5vw,3.2rem);font-weight:800;color:var(--slate-900);line-height:1.15;letter-spacing:-1.2px;margin-top:0;margin-bottom:14px;display:inline-flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,18px);flex-wrap:wrap}.hero-title-logo{width:clamp(52px,7vw,70px);height:clamp(52px,7vw,70px);object-fit:contain;border-radius:16px;filter:drop-shadow(0 10px 24px rgba(79,70,229,.28));flex-shrink:0;animation:floatLogo 4.5s ease-in-out infinite alternate}@keyframes floatLogo{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(1.5deg)}}.hero-title span.highlight{background:linear-gradient(135deg,var(--indigo-600) 0%,var(--cyan-500) 50%,var(--indigo-500) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 8s linear infinite}@keyframes textShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-lead{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--slate-600);line-height:1.65;margin:0 auto}.admin-main-wrap{width:100%;max-width:720px;margin-bottom:24px;perspective:1000px}.portal-launch-card{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.95);border-radius:28px;padding:clamp(28px,4.5vw,42px) clamp(24px,4vw,38px);box-shadow:0 1px 3px #0f172a0a,0 10px 30px -5px #6366f114,0 20px 45px -10px #0f172a0f;transition:.35s cubic-bezier(.16,1,.3,1);transition-property:var(--transition-props);position:relative;overflow:hidden}.portal-launch-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,.7) 48%,rgba(255,255,255,0) 54%,transparent 100%);transform:rotate(25deg) translateY(-100%);transition:transform .8s ease;pointer-events:none;z-index:1}.portal-launch-card:hover{transform:translateY(-4px);border-color:#6366f159;box-shadow:0 20px 50px -10px #6366f12e,0 10px 20px -5px #0f172a0f,0 0 0 1px #6366f126}.portal-launch-card:hover:before{transform:rotate(25deg) translateY(100%)}.card-top-strip{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--indigo-600) 0%,var(--cyan-500) 50%,var(--indigo-400) 100%);background-size:200% auto;animation:stripGradient 8s ease infinite}@keyframes stripGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.card-icon-wrap{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.85rem;background:linear-gradient(135deg,#4f46e51f,#06b6d41f);border:1px solid rgba(99,102,241,.2);color:var(--indigo-600);flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.portal-launch-card:hover .card-icon-wrap{transform:scale(1.08) rotate(-3deg)}.card-title-group{flex:1}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-title{font-size:clamp(1.4rem,3.5vw,1.75rem);font-weight:800;color:var(--slate-900);letter-spacing:-.5px;margin:0}.badge-enterprise{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:9999px;background:linear-gradient(135deg,#4f46e51a,#6366f126);color:var(--indigo-700);border:1px solid rgba(99,102,241,.25)}.card-description{font-size:.975rem;color:var(--slate-600);line-height:1.6;margin:0 0 24px}.btn-launch-admin{width:100%;padding:16px 28px;font-size:1.075rem;font-weight:700;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:linear-gradient(135deg,var(--indigo-600) 0%,var(--indigo-700) 100%);color:var(--white)!important;border:none;box-shadow:0 6px 20px #4f46e559,0 2px 6px #4f46e533;transition:.3s cubic-bezier(.16,1,.3,1);transition-property:var(--transition-props);cursor:pointer;position:relative;overflow:hidden}.btn-launch-admin span.arrow{transition:transform .3s ease;font-size:1.2rem}.btn-launch-admin:hover{background:linear-gradient(135deg,var(--indigo-700) 0%,var(--indigo-800) 100%);transform:translateY(-2px);box-shadow:0 10px 28px #4f46e573,0 4px 10px #4f46e540}.btn-launch-admin:hover span.arrow{transform:translate(4px)}.hero-scanner-callout{width:100%;max-width:720px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:clamp(18px,3vw,24px) clamp(20px,3.5vw,28px);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 18px -4px #0f172a0d;transition:.25s ease;transition-property:var(--transition-props)}.hero-scanner-callout:hover{border-color:#6366f14d;box-shadow:0 8px 24px -6px #0f172a14;transform:translateY(-2px)}.scanner-left{display:flex;align-items:center;gap:16px;flex:1}.scanner-icon-bubble{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#06b6d41f,#6366f11f);border:1px solid rgba(6,182,212,.25);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;color:var(--cyan-600)}.scanner-callout-badge{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cyan-700);background:#06b6d41a;border:1px solid rgba(6,182,212,.2);padding:2px 7px;border-radius:6px;margin-bottom:4px}.scanner-callout-title{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:2px}.scanner-callout-sub{font-size:.825rem;color:var(--slate-500);line-height:1.4}.btn-scanner{padding:12px 22px;font-size:.925rem;font-weight:700;border-radius:12px;display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--slate-800);border:1.5px solid var(--slate-300);box-shadow:0 2px 6px #0f172a0a;transition:.2s ease;transition-property:var(--transition-props);cursor:pointer;white-space:nowrap;text-decoration:none}.btn-scanner:hover{background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-900);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}@media(max-width:640px){.hero-scanner-callout{flex-direction:column;align-items:stretch}.scanner-left{align-items:flex-start}.btn-scanner{justify-content:center;width:100%}}.hero-title span.highlight{background-image:linear-gradient(120deg,var(--indigo-600) 0%,var(--violet-500) 35%,var(--cyan-500) 65%,var(--indigo-600) 100%)}.portal-launch-card.is-tiltable{--tilt-x: 0deg;--tilt-y: 0deg;transform-style:preserve-3d}.portal-launch-card .card-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(420px circle at var(--spot-x, 50%) var(--spot-y, 0%),rgba(99,102,241,.12),transparent 45%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}@media(hover:hover){.portal-launch-card.is-tiltable:hover{transform:translateY(-4px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition-duration:.15s}.portal-launch-card:hover .card-spotlight{opacity:1}}.hero-header,.admin-main-wrap,.hero-scanner-callout{animation:riseIn .6s var(--ease-out-expo) backwards}.admin-main-wrap{animation-delay:.1s}.hero-scanner-callout{animation-delay:.2s}.portal-launch-card>:not(.card-spotlight):not(.card-top-strip){position:relative}@media(hover:none){.portal-launch-card:hover,.portal-launch-card:hover .card-icon-wrap,.btn-launch-admin:hover,.btn-launch-admin:hover span.arrow,.hero-scanner-callout:hover,.btn-scanner:hover{transform:none}.portal-launch-card:hover:before{transform:rotate(25deg) translateY(-100%)}}
