@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{background-color:#e7f3f6}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}.wrapped-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;background:#010409;color:#fff;font-family:Inter,sans-serif;scrollbar-width:none}.wrapped-container::-webkit-scrollbar{display:none}section{height:100vh;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background 1.5s ease-in-out}.aurora-wrapper{position:absolute;inset:0;z-index:0}.aurora{position:absolute;width:70vw;height:70vw;filter:blur(40px);border-radius:50%;opacity:.6;animation:organic-morph 12s infinite alternate ease-in-out,slow-flow 20s infinite linear}@keyframes organic-morph{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:scale(1) rotate(0)}to{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:scale(1.1) rotate(360deg)}}@keyframes slow-flow{0%{transform:translate(-10%,-10%)}50%{transform:translate(10%,5%)}to{transform:translate(-10%,-10%)}}.noise-overlay{position:absolute;inset:0;background-image:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.08;z-index:1;pointer-events:none}.content{position:relative;z-index:10;text-align:center;padding:30px;width:100%;max-width:900px}.user-avatar-container{position:relative;display:inline-flex;justify-content:center;margin-bottom:25px;animation:fadeInDown 1s ease-out}.user-avatar{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 35px #00000080}.year-badge{position:absolute;top:-5px;right:-5px;padding:5px 14px;border-radius:20px;font-size:.85rem;font-weight:900;color:#010409;z-index:12;box-shadow:0 5px 15px #0006}.big-number{font-size:clamp(5rem,20vw,12rem);font-weight:950;line-height:.9;letter-spacing:-5px;background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin:10px 0;filter:drop-shadow(0 15px 30px rgba(0,0,0,.5))}.transition-message{font-size:clamp(2.2rem,8vw,4.5rem);font-weight:900;line-height:1.1;background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.label-main{font-size:.9rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;opacity:.8;margin-bottom:15px}.divider{width:50px;height:3px;margin:20px auto;border-radius:2px}.progress-bar-container{position:fixed;top:25px;left:50%;transform:translate(-50%);width:90%;max-width:450px;display:flex;gap:8px;z-index:100}.progress-segment{height:4px;flex:1;background:#ffffff26;border-radius:10px;overflow:hidden}.progress-fill{height:100%;transition:width .6s ease}.scroll-btn-start{border:none;padding:18px 45px;border-radius:50px;font-weight:900;font-size:1rem;letter-spacing:2px;cursor:pointer;margin-top:30px;box-shadow:0 10px 30px #0006;animation:pulse 2s infinite}.scroll-btn{position:fixed;bottom:40px;right:40px;width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 10px 30px #00000080}.loading-screen,.error-screen{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#010409;color:#fff;font-weight:700;text-align:center;padding:30px;position:fixed;top:0;left:0;z-index:999}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #3fb3cd66}70%{transform:scale(1.05);box-shadow:0 0 0 15px #3fb3cd00}to{transform:scale(1);box-shadow:0 0 #3fb3cd00}}