*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 65% 55% at 15% 52%,#a84e0a38,transparent),radial-gradient(ellipse 52% 48% at 83% 26%,#7a34082b,transparent),radial-gradient(ellipse 44% 52% at 56% 92%,#62240524,transparent),radial-gradient(ellipse 30% 30% at 72% 75%,#3c14051a,transparent),#070402;color:#ede4d8;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.phone{width:390px;height:844px;zoom:.78;border-radius:44px;overflow:hidden;background:#000;box-shadow:0 35px 90px #0009;position:relative}.screen{height:100%;overflow-y:auto;background:#180a06;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.hero{height:430px;position:relative;animation:heroReveal 1.9s cubic-bezier(.16,1,.3,1) both}.hero video{width:100%;height:100%;object-fit:cover;object-position:center top}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 52%,#180a06)}.top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;z-index:1}.glass{border:0;background:#ffffff08;color:inherit;box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 1px #fff1;-webkit-backdrop-filter:blur(2px) saturate(1.3);backdrop-filter:blur(2px) saturate(1.3);cursor:pointer;transition:transform .2s;font:inherit}.glass:active{transform:scale(.94)}.circle{width:58px;height:44px;border-radius:22px;font-size:27px}.top button{animation:dropIn .7s .35s both}.top button+button{animation-delay:.42s}.identity{margin-top:-112px;text-align:center;position:relative}.identity h1{font-size:28px;font-weight:500;margin:0;animation:fadeRise .7s .5s both}.identity p{font-size:15px;color:#ebdccd8c;margin:8px 0 0;animation:fadeRise .7s .58s both}.laurel{position:absolute;top:-6px;font-family:Georgia;font-size:78px;line-height:73px;opacity:.6;color:#ede4d8;animation:fadeIn .8s .5s both}.laurel.left{right:calc(50% + 66px);transform:rotate(-25deg)}.laurel.right{left:calc(50% + 66px);transform:scaleX(-1) rotate(-25deg)}.pill{height:54px;border-radius:27px;width:225px;font-size:18px;font-weight:500}.achievements{display:block;margin:30px auto 0;animation:fadeRise .7s .66s both}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:26px 16px 0}.stats article{background:#ffffff0f;border-radius:24px;text-align:center;padding:8px 7px 16px;animation:fadeRise .7s .74s both}.stats article:nth-child(2){animation-delay:.8s}.stats article:nth-child(3){animation-delay:.86s}.stats img{width:84px;height:84px;object-fit:contain}.stats strong{font-size:25px;display:block;font-weight:500}.stats p{font-size:13px;line-height:1.2;color:#baaa9a8c;margin:5px 0 0}.favorite{display:flex;align-items:center;gap:16px;height:110px;margin:12px 16px 0;background:#ffffff0f;border-radius:24px;animation:fadeRise .7s .94s both}.favorite>img{width:108px;height:108px;object-fit:contain}.favorite>div{flex:1}.favorite small{font-size:13px;font-weight:500}.favorite h2{font-size:19px;font-weight:500;margin:4px 0}.favorite p{font-size:13px;color:#baaa9a8c;white-space:nowrap;margin:0}.favorite button{width:44px;flex-shrink:0;margin-right:12px;font-size:25px}.next{height:90px;margin:12px 16px 0;padding:22px;background:#ffffff0f;border-radius:24px 24px 0 0;font-size:15px;color:#baaa9a;animation:fadeIn .7s 1.02s both}dialog{background:#26140e;color:#ede4d8;border:1px solid #fff2;border-radius:24px;width:330px;box-shadow:0 20px 60px #0009;padding:25px}dialog::backdrop{background:#0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog button{float:right;background:none;border:0;color:inherit;font-size:24px;cursor:pointer}dialog input{width:100%;padding:12px;border:1px solid #fff3;background:#ffffff0a;border-radius:12px;color:inherit}dialog .save{float:none;background:#ede4d8;color:#180a06;font-size:14px;width:100%;padding:12px;margin-top:14px;border-radius:12px}dialog h2{font-size:22px}dialog p{line-height:1.6;color:#baaa9a}@keyframes heroReveal{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes fadeRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:440px){.phone{zoom:.6}}@media(max-width:900px){body{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
