:root{--bg-top:#f6f8ff;--bg-bottom:#dde7ff;--text-main:#111827;--text-soft:#111827a3;--glass-border:#ffffff85;--shadow:0 30px 80px #5666a02e}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at 20% 20%, #fffffff2, transparent 28%), radial-gradient(circle at 80% 18%, #abc6ffd9, transparent 26%), radial-gradient(circle at 50% 85%, #d6e4fff2, transparent 34%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);font-family:SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}body:before,body:after{content:"";filter:blur(12px);opacity:.75;pointer-events:none;border-radius:999px;position:fixed}body:before{background:linear-gradient(135deg,#fffffff2,#bed7ffcc);width:220px;height:220px;animation:12s ease-in-out infinite drift;top:10%;left:-30px}body:after{background:linear-gradient(135deg,#a5c4ffd9,#ffffffeb);width:260px;height:260px;animation:15s ease-in-out infinite reverse drift;bottom:8%;right:-60px}.page-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.hero-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(150%);width:min(100%,560px);box-shadow:var(--shadow);text-align:center;cursor:default;background:linear-gradient(#ffffff94,#ffffff3d);border-radius:32px;outline:none;padding:38px 28px;animation:1s cubic-bezier(.16,1,.3,1) both card-enter;position:relative;overflow:hidden}.hero-card:before{content:"";opacity:.9;z-index:-1;background:linear-gradient(#ffffff80,#ffffff0f);border-radius:31px;position:absolute;inset:1px}.hero-card,.hero-card *{-webkit-user-select:none;user-select:none}.hero-title{letter-spacing:-.06em;opacity:0;margin:0;font-size:clamp(2.75rem,10vw,5rem);font-weight:700;line-height:.92;animation:.9s cubic-bezier(.16,1,.3,1) .12s forwards text-enter;transform:translateY(28px)scale(.985)}.hero-role{letter-spacing:.08em;color:var(--text-soft);opacity:0;margin:16px 0 0;font-size:clamp(.9rem,2.8vw,1.05rem);font-weight:500;animation:.9s cubic-bezier(.16,1,.3,1) .22s forwards text-enter;transform:translateY(22px)}.hero-status-shell{opacity:0;background:linear-gradient(#ffffffe0,#ffffff80);border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;width:74px;height:46px;margin-top:18px;padding:0 18px;transition:width .9s cubic-bezier(.16,1,.3,1),background .7s,box-shadow .7s,transform .9s cubic-bezier(.16,1,.3,1);animation:.9s cubic-bezier(.16,1,.3,1) .32s forwards text-enter;display:inline-flex;position:relative;overflow:hidden;transform:translateY(24px);box-shadow:inset 0 1px #ffffffeb,0 18px 38px #7d90cc2e}.hero-status-icon{color:#111827c7;opacity:.88;place-items:center;transition:opacity .45s,transform .75s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0;transform:scale(1)}.hero-status-icon svg{fill:currentColor;width:18px;height:18px;display:block}.hero-status{letter-spacing:-.03em;color:#111827c2;opacity:0;filter:blur(10px);white-space:nowrap;font-size:clamp(.95rem,3vw,1.1rem);transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(10px)scale(.985)}.hero-card:hover .hero-status-shell,.hero-card:focus-visible .hero-status-shell{background:linear-gradient(#fffffff5,#ffffffad);width:196px;box-shadow:inset 0 1px #fffffffa,0 22px 42px #7d90cc38}.hero-card:hover .hero-status-icon,.hero-card:focus-visible .hero-status-icon{opacity:0;transform:scale(.82)}.hero-card:hover .hero-status,.hero-card:focus-visible .hero-status{opacity:1;filter:blur();transform:translateY(0)scale(1)}@keyframes card-enter{0%{opacity:0;transform:translateY(36px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes text-enter{0%{opacity:0;filter:blur(8px);transform:translateY(24px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-18px)scale(1.06)}}@media (max-width:480px){.page-shell{padding:18px}.hero-card{border-radius:28px;padding:32px 20px}.hero-role{letter-spacing:.05em}}@media (hover:none){.hero-status-shell{width:180px}.hero-status-icon{opacity:0;transform:scale(.82)}.hero-status{opacity:1;filter:blur();transform:translateY(0)scale(1)}}