:root{--primary: #024984;--primary-hover: #013a73;--primary-deep: #01345a;--secondary: #0ba9e0;--dark-text: #0f172a;--secondary-text: #64748b;--body-text: #4b5563;--bg: #f5faff;--section-bg: #eef7fc;--card-bg: rgba(255, 255, 255, .72);--border: rgba(220, 234, 246, .9);--success: #22c55e;--warning: #f59e0b;--white: #ffffff;--gradient-primary: linear-gradient(135deg, #024984 0%, #0ba9e0 100%);--gradient-secondary: linear-gradient(135deg, #0ba9e0 0%, #ddf6ff 100%);--gradient-hero: linear-gradient(145deg, #024984 0%, #0369a8 42%, #0ba9e0 100%);--gradient-mesh: radial-gradient(ellipse at 15% 20%, rgba(11, 169, 224, .35), transparent 45%), radial-gradient(ellipse at 85% 15%, rgba(2, 73, 132, .45), transparent 40%), radial-gradient(ellipse at 70% 80%, rgba(11, 169, 224, .28), transparent 50%), linear-gradient(145deg, #024984, #0ba9e0);--glass: rgba(255, 255, 255, .55);--glass-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .55);--glow: 0 0 40px rgba(11, 169, 224, .35);--shadow-soft: 0 10px 40px rgba(2, 73, 132, .08);--shadow-card: 0 18px 50px rgba(2, 73, 132, .12);--shadow-float: 0 28px 60px rgba(2, 73, 132, .18);--shadow-glow: 0 16px 50px rgba(11, 169, 224, .28);--radius-btn: 999px;--radius-card: 24px;--container: 1200px;--font: "Plus Jakarta Sans", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:var(--font);color:var(--body-text);background:radial-gradient(circle at 10% 0%,rgba(11,169,224,.08),transparent 35%),radial-gradient(circle at 90% 10%,rgba(2,73,132,.06),transparent 30%),var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none;transition:color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}a:hover{color:var(--secondary)}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{color:var(--primary);line-height:1.2;font-weight:750;letter-spacing:-.02em}.container{width:min(100% - 2.5rem,var(--container));margin-inline:auto}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.crystal-card,.card{background:var(--glass-strong);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:none;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease;position:relative;isolation:isolate}.crystal-card:before,.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--border-angle),#024984 0%,#0ba9e0 25%,#ddf6ff 50%,#0ba9e0 75%,#024984 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:2}.crystal-card:hover,.card:hover{transform:translateY(-6px);box-shadow:none;border-color:transparent;outline:none}.crystal-card:hover:before,.card:hover:before{opacity:1;animation:glowBorderSpin 2.6s linear infinite;filter:drop-shadow(0 0 5px rgba(11,169,224,.55))}.crystal-card h3,.card h3{color:var(--secondary);transition:color .3s ease}.crystal-card .icon-3d,.card .icon-3d{background:var(--secondary);transition:background .3s ease}.crystal-card:hover h3,.card:hover h3{color:var(--primary)}.crystal-card:hover .icon-3d,.card:hover .icon-3d{background:var(--primary)}@keyframes glowBorderSpin{to{--border-angle: 360deg}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.7rem;border-radius:var(--radius-btn);font-weight:650;font-size:.94rem;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.35),transparent 40%);opacity:0;transition:opacity .3s ease}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 12px 28px #02498447,inset 0 1px #ffffff40}.btn-primary:hover{transform:translateY(-3px) scale(1.02);color:var(--white);box-shadow:0 18px 40px #0ba9e066}.btn-secondary{background:#ffffffbf;border:1px solid rgba(2,73,132,.25);color:var(--primary);backdrop-filter:blur(12px)}.btn-secondary:hover{background:var(--primary);color:var(--white)}.btn-light{background:#ffffffeb;color:var(--primary);box-shadow:var(--shadow-soft)}.btn-light:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow);color:var(--primary)}.btn-glass{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;backdrop-filter:blur(14px)}.btn-glass:hover{background:#ffffff47;color:#fff;transform:translateY(-2px)}.section{padding:6rem 0;position:relative;overflow:hidden}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-header .eyebrow,.eyebrow{display:inline-block;font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);margin-bottom:.75rem}.section-header h2{font-size:clamp(1.85rem,3.2vw,2.55rem);margin-bottom:.85rem}.section-header p{color:var(--secondary-text);font-size:1.05rem}.page-hero{position:relative;min-height:320px;display:flex;align-items:center;padding:3.25rem 0;background:linear-gradient(90deg,#024984,#0369a8 42%,#0ba9e0);overflow:hidden;color:#fff}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 35%,rgba(255,255,255,.14),transparent 32%),radial-gradient(circle at 72% 60%,rgba(1,40,70,.18),transparent 40%);pointer-events:none}.page-hero:after{content:"";position:absolute;width:min(340px,42vw);height:min(340px,42vw);right:-4%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffd9,#ddf6ff59 18%,#0ba9e08c 42%,#024984f2 72%,#01345a);box-shadow:0 30px 60px #011e3759,inset -18px -22px 40px #011e3759,inset 16px 14px 28px #ffffff59;pointer-events:none;z-index:0}.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.page-hero h1{color:#fff;font-size:clamp(2rem,4vw,2.85rem);margin-bottom:.65rem;line-height:1.15;max-width:16ch}.page-hero p{color:#ffffffe6;max-width:540px;font-size:1.05rem;line-height:1.55}.page-hero.has-3d{min-height:360px;overflow:hidden}.page-hero.has-3d:after{display:none}.phero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.5rem;align-items:center;width:min(100% - 2.5rem,var(--container));max-width:100%;margin-inline:auto;box-sizing:border-box}.phero-copy{min-width:0}.phero-copy .eyebrow{color:#fff!important}.phero-copy h1{max-width:14ch}.phero-copy p{max-width:480px}.phero-3d{position:relative;min-height:280px;max-width:100%;border-radius:24px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 42%),radial-gradient(circle at 80% 70%,rgba(1,40,70,.2),transparent 48%),linear-gradient(145deg,#ffffff29,#ffffff0a);border:1px solid rgba(255,255,255,.28);box-shadow:0 22px 40px #011e3740,inset 0 1px #ffffff59;overflow:hidden;isolation:isolate}.phero-orb{position:absolute;border-radius:50%;pointer-events:none}.phero-orb-1{width:120px;height:120px;top:-30px;left:-20px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.55),transparent 70%)}.phero-orb-2{width:90px;height:90px;right:8%;bottom:10%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.35),transparent 70%);animation:float 6s ease-in-out infinite}.phero-float{position:absolute;z-index:6;padding:.45rem .65rem;border-radius:12px;background:#ffffffeb;border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 22px #011e3733;animation:float 5s ease-in-out infinite}.phero-float strong{display:block;color:#024984;font-size:.65rem}.phero-float span{font-size:.6rem;color:#64748b}.phero-glass{position:absolute;padding:.75rem;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);box-shadow:0 16px 30px #011e3738;z-index:5;animation:float 6s ease-in-out infinite}.phero-pill{display:inline-block;font-size:.62rem;font-weight:700;color:#024984;background:#0ba9e026;border-radius:999px;padding:.2rem .5rem;margin-bottom:.5rem}.phero-icon{position:absolute;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#ffffff4d,#ffffff14);border:1.5px solid rgba(255,255,255,.45);box-shadow:0 18px 32px #011e3759;transform:rotateY(-8deg) rotateX(6deg);animation:float 5s ease-in-out infinite;z-index:4}.phero-icon svg{width:34px;height:34px}@media(max-width:900px){.phero-grid{grid-template-columns:1fr}.page-hero.has-3d{min-height:0;padding-bottom:2.4rem}.phero-3d{min-height:240px;order:-1}.phero-copy h1{max-width:none}}@media(max-width:720px){.page-hero{min-height:260px;padding:2.6rem 0}.page-hero:after{width:200px;height:200px;right:-12%;opacity:.85}.page-hero h1{max-width:none}}.float-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;animation:floatY 8s ease-in-out infinite}.orb-lg{width:280px;height:280px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.45),rgba(11,169,224,.2),transparent 70%)}.orb-md{width:160px;height:160px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5),rgba(2,73,132,.25),transparent 70%)}.orb-sm{width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#fff,rgba(11,169,224,.4),transparent 70%)}.icon-3d{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0ba9e0;box-shadow:none;color:#fff;position:relative}.icon-3d:after{display:none}.icon-3d svg{width:24px;height:24px;position:relative;z-index:1;stroke:currentColor}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}.auth-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:3rem 1.25rem;background:var(--gradient-mesh);position:relative;overflow:hidden}.auth-panel{width:min(440px,100%);padding:2rem;background:#ffffffd1;backdrop-filter:blur(24px);border-radius:28px;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-float)}.auth-panel h1{font-size:1.7rem;margin-bottom:.4rem}.auth-panel>p{color:var(--secondary-text);margin-bottom:1.4rem}.form-grid{display:grid;gap:.9rem}.form-grid label{display:grid;gap:.4rem;font-size:.86rem;font-weight:650;color:var(--primary)}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem;font:inherit;background:#ffffffe6;color:var(--dark-text);outline:none;transition:.2s ease}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #0ba9e026}.form-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;margin-top:.3rem}.noise{pointer-events:none;position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0ba9e059}50%{box-shadow:0 0 0 18px #0ba9e000}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}
