:root{--bg: #ffffff;--border: rgba(0, 0, 0, .08);--text: #0b1220;--muted: rgba(255, 255, 255, .84);--understanding: #2fd8ff;--accent: #111827}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.page{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;padding:24px}.page:before{content:"";position:absolute;inset:-10%;z-index:0;background-image:url(/backround.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;transform-origin:center;animation:photoZoom 28s ease-in-out infinite alternate;will-change:transform}@keyframes photoZoom{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}.page:after{content:"";position:absolute;inset:0;z-index:1;background-image:radial-gradient(1000px 700px at 15% 10%,rgba(37,99,235,.18),transparent 55%),radial-gradient(900px 650px at 85% 90%,rgba(59,130,246,.14),transparent 60%),linear-gradient(#0000001a,#0000002e);background-size:160% 160%,160% 160%,100% 100%;background-position:0% 40%,100% 60%,center;background-repeat:no-repeat;animation:overlayMove 24s ease-in-out infinite alternate;pointer-events:none}@keyframes overlayMove{0%{background-position:0% 40%,100% 60%,center}to{background-position:30% 55%,70% 45%,center}}.page>*{position:relative;z-index:2}.glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(37,99,235,.2),transparent 70%);filter:blur(120px);opacity:.55;z-index:2;animation:float 10s ease-in-out infinite;pointer-events:none}.glow.one{top:-220px;left:-220px}.glow.two{bottom:-240px;right:-240px;animation-delay:3s;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 70%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.card{margin:auto;position:relative;overflow:hidden;max-width:620px;width:100%;padding:54px 52px;border-radius:34px;text-align:center;background:#06122e80;backdrop-filter:blur(13px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);border:1px solid rgba(255,255,255,.18);box-shadow:0 60px 140px #00000073,inset 0 1px #ffffff26}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff2e,#ffffff0a);pointer-events:none}.card>*{position:relative;z-index:1}.badge{display:inline-block;padding:8px 14px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#ffffffeb;margin-bottom:20px;font-size:14px;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.15)}h1{font-size:42px;line-height:1.1;margin:0 0 16px;color:#fffffff2}h1 span{color:var(--understanding);text-shadow:0 0 6px rgba(79,209,255,.65),0 0 18px rgba(79,209,255,.45),0 0 42px rgba(79,209,255,.25);animation:neonPulse 3.8s ease-in-out infinite}@keyframes neonPulse{0%,to{text-shadow:0 0 6px rgba(79,209,255,.45),0 0 18px rgba(79,209,255,.3),0 0 36px rgba(79,209,255,.18);filter:brightness(1)}50%{text-shadow:0 0 10px rgba(79,209,255,.9),0 0 30px rgba(79,209,255,.65),0 0 64px rgba(79,209,255,.35);filter:brightness(1.12)}}.subtitle{color:var(--muted);margin:0}.subtitle+.subtitle{margin-top:10px}.footer{margin-top:18px;text-align:center;font-size:12px;color:#fff9}@media(max-width:560px){.card{padding:36px 22px;border-radius:26px}h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.page:before,.page:after,.glow{animation:none!important}}@media(prefers-reduced-motion:reduce){h1 span{animation:none!important}}
