:root{--brand-primary: #0284c7}html{font-size:16px}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}.google-login-btn{box-shadow:0 1px 2px #0000000d}.dark .google-login-btn{background-color:#fff!important;color:#0f172a!important}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes footer-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-footer-fade{animation:footer-fade-in 1.2s ease-out forwards}.sticker-border{filter:drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white)}.sticker-shadow{filter:drop-shadow(4px 4px 0px rgba(0,174,239,.2))}.sticker-shadow-purple{filter:drop-shadow(4px 4px 0px rgba(195,174,214,.3))}@keyframes bounceInLeft{0%{opacity:0;transform:translate(-120px) rotate(-8deg)}50%{opacity:1;transform:translate(20px) rotate(2deg)}70%{transform:translate(-10px) rotate(-1deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translate(120px) rotate(8deg)}50%{opacity:1;transform:translate(-20px) rotate(-2deg)}70%{transform:translate(10px) rotate(1deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes bounceUp{0%{opacity:0;transform:translateY(60px) scale(.9)}50%{opacity:1;transform:translateY(-15px) scale(1.02)}70%{transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rubberPop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}40%{opacity:1;transform:scale(1.15) rotate(4deg)}60%{transform:scale(.9) rotate(-2deg)}80%{transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes wobbleIn{0%{opacity:0;transform:translateY(40px) rotate(-5deg)}30%{opacity:1;transform:translateY(-10px) rotate(3deg)}50%{transform:translateY(5px) rotate(-2deg)}70%{transform:translateY(-3px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes springSlideRight{0%{opacity:0;transform:translate(200px) scale(.8)}40%{opacity:1;transform:translate(-30px) scale(1.03)}60%{transform:translate(15px) scale(.98)}80%{transform:translate(-5px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dropBounce{0%{opacity:0;transform:translateY(-80px) scale(.7)}45%{opacity:1;transform:translateY(12px) scale(1.05)}65%{transform:translateY(-6px) scale(.97)}85%{transform:translateY(3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-bounce-left{opacity:0;animation:bounceInLeft .8s cubic-bezier(.34,1.56,.64,1) forwards}.anim-bounce-right{opacity:0;animation:bounceInRight .8s cubic-bezier(.34,1.56,.64,1) forwards}.anim-bounce-up{opacity:0;animation:bounceUp .7s cubic-bezier(.34,1.56,.64,1) forwards}.anim-rubber-pop{opacity:0;animation:rubberPop .6s cubic-bezier(.34,1.56,.64,1) forwards}.anim-wobble-in{opacity:0;animation:wobbleIn .8s ease-out forwards}.anim-spring-right{opacity:0;animation:springSlideRight 1s cubic-bezier(.34,1.56,.64,1) forwards}.anim-drop-bounce{opacity:0;animation:dropBounce .7s cubic-bezier(.34,1.56,.64,1) forwards}.anim-fade-up{opacity:0;animation:fadeIn .6s ease-out forwards}.anim-delay-100{animation-delay:.1s}.anim-delay-200{animation-delay:.2s}.anim-delay-300{animation-delay:.3s}.anim-delay-400{animation-delay:.4s}.anim-delay-500{animation-delay:.5s}.anim-delay-600{animation-delay:.6s}.anim-delay-700{animation-delay:.7s}.anim-delay-800{animation-delay:.8s}.anim-delay-900{animation-delay:.9s}.anim-delay-1000{animation-delay:1s}.anim-delay-1200{animation-delay:1.2s}.anim-delay-1400{animation-delay:1.4s}@media(prefers-reduced-motion:reduce){.anim-bounce-left,.anim-bounce-right,.anim-bounce-up,.anim-rubber-pop,.anim-wobble-in,.anim-spring-right,.anim-drop-bounce,.anim-fade-up{opacity:1!important;animation:none!important;transform:none!important}}.slim-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.slim-scrollbar::-webkit-scrollbar{width:6px;height:6px}.slim-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:8px}.slim-scrollbar::-webkit-scrollbar-thumb{background-color:#94a3b866;border-radius:8px}.slim-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#94a3b899}.dark .slim-scrollbar::-webkit-scrollbar-thumb{background-color:#47556999}.dark .slim-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#475569cc}@keyframes scroll-unroll{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}.animate-scroll-unroll{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.34,1.56,.64,1)}.animate-scroll-unroll.open{grid-template-rows:1fr}@keyframes scroll-paper-bounce{0%{transform:scaleY(.95);transform-origin:top}50%{transform:scaleY(1.02);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}.scroll-rod{background:linear-gradient(180deg,#007ab8,#00aeef,#5de0f7 30%,#b8f0ff 42%,#fff,#b8f0ff 58%,#5de0f7 70%,#00aeef,#007ab8);box-shadow:0 2px 8px #00aeef80,0 4px 16px #00aeef4d,0 0 24px #00aeef33,inset 0 1px 2px #fff9;border:1px solid rgba(0,174,239,.4);position:relative;overflow:visible}.scroll-rod:after{content:"";position:absolute;top:-4px;right:-2px;bottom:-4px;left:-2px;border-radius:9999px;background:linear-gradient(90deg,#ffb6c1,#ffe066,#00aeef,#c3aed6,#a8e6cf);opacity:.3;filter:blur(8px);z-index:-1;transition:opacity .4s ease}.group:hover .scroll-rod:after{opacity:.6}.scroll-rod-shadow{filter:drop-shadow(0 6px 20px rgba(0,174,239,.4))}.rod-cap{background:radial-gradient(circle at 35% 35%,#ffe9a0,#ffe066 40%,#e6b800,#b8860b);box-shadow:0 0 8px #ffe06699,0 0 16px #ffe0664d,inset 0 -2px 4px #0003,inset 0 2px 3px #ffffffb3;border:2px solid rgba(255,224,102,.8)}.rod-cap:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#b8860b80;text-shadow:0 0 4px rgba(255,224,102,.4)}.parchment-bg{background:linear-gradient(135deg,#ffffffd9,#f0f8ffcc,#e0f7ffbf 60%,#ffffffd9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:2px solid transparent;border-right:2px solid transparent;-o-border-image:linear-gradient(180deg,#FFB6C1 0%,#FFE066 20%,#00AEEF 40%,#C3AED6 60%,#A8E6CF 80%,#FFB6C1 100%) 1;border-image:linear-gradient(180deg,#ffb6c1,#ffe066,#00aeef,#c3aed6,#a8e6cf,#ffb6c1) 1;box-shadow:inset 0 0 60px #00aeef0f,inset 0 0 120px #c3aed60a,0 20px 40px -15px #0000001f,0 0 0 1px #00aeef14;position:relative}.dark .parchment-bg{background:linear-gradient(135deg,#0f172ae6,#141e37d9,#192341cc 60%,#0f172ae6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:2px solid transparent;border-right:2px solid transparent;-o-border-image:linear-gradient(180deg,#FFB6C1 0%,#FFE066 20%,#00AEEF 40%,#C3AED6 60%,#A8E6CF 80%,#FFB6C1 100%) 1;border-image:linear-gradient(180deg,#ffb6c1,#ffe066,#00aeef,#c3aed6,#a8e6cf,#ffb6c1) 1;box-shadow:inset 0 0 60px #00aeef1a,inset 0 0 120px #c3aed60d,0 20px 40px -15px #0006,0 0 0 1px #00aeef26}.parchment-bg:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:3px;background:linear-gradient(180deg,#ffb6c1,#ffe066,#00aeef,#c3aed6,#a8e6cf);filter:blur(4px);opacity:.5;z-index:10;transition:opacity .4s ease}.parchment-bg:after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:3px;background:linear-gradient(180deg,#a8e6cf,#c3aed6,#00aeef,#ffe066,#ffb6c1);filter:blur(4px);opacity:.5;z-index:10;transition:opacity .4s ease}.group:hover .parchment-bg:before,.group:hover .parchment-bg:after{opacity:.9;filter:blur(6px)}.glass-sheen{position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.15) 40%,transparent 100%);pointer-events:none;z-index:5}.dark .glass-sheen{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 40%,transparent 100%)}.glow-iridescent{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:conic-gradient(from 0deg at 50% 50%,#ffb6c133,#ffe06626,#00aeef33,#c3aed626,#a8e6cf33,#ffb6c133);filter:blur(40px);pointer-events:none;z-index:-1;opacity:0;transition:opacity .6s ease;animation:glow-rotate 8s linear infinite}@keyframes glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.group:hover .glow-iridescent{opacity:1}@keyframes sparkle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-12px) scale(1)}}.scroll-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:30;opacity:0}.scroll-sparkle--1{top:-2px;left:15%;background:#ffb6c1;box-shadow:0 0 6px #ffb6c1,0 0 12px #ffb6c1;animation:sparkle-float 2.5s ease-in-out 0s infinite}.scroll-sparkle--2{top:40%;right:-4px;background:#00aeef;box-shadow:0 0 6px #00aeef,0 0 12px #00aeef;animation:sparkle-float 3s ease-in-out .5s infinite}.scroll-sparkle--3{bottom:-2px;left:60%;background:#ffe066;box-shadow:0 0 6px #ffe066,0 0 12px #ffe066;animation:sparkle-float 2.8s ease-in-out 1s infinite}.scroll-sparkle--4{top:30%;left:-4px;background:#c3aed6;box-shadow:0 0 6px #c3aed6,0 0 12px #c3aed6;animation:sparkle-float 3.2s ease-in-out 1.5s infinite}.scroll-sparkle--5{top:-2px;right:25%;background:#a8e6cf;box-shadow:0 0 6px #a8e6cf,0 0 12px #a8e6cf;animation:sparkle-float 2.6s ease-in-out .8s infinite}.scroll-sparkle--6{bottom:20%;right:-3px;background:#ffb6c1;box-shadow:0 0 6px #ffb6c1,0 0 12px #ffb6c1;animation:sparkle-float 3.4s ease-in-out 2s infinite}