@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Gochi+Hand&family=Patrick+Hand&family=Comic+Neue:wght@700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background:#000}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;padding:0}p{margin:0}.app-container{min-height:100vh;display:flex;flex-direction:column;background:#fff;position:relative;overflow-x:hidden}.floating-sticker{position:absolute;object-fit:contain;z-index:1;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.15));transition:filter .2s ease;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.floating-sticker:hover{filter:drop-shadow(6px 6px 12px rgba(0,0,0,.25));z-index:100}.floating-sticker:active,.floating-sticker.dragging{cursor:grabbing;filter:drop-shadow(8px 8px 16px rgba(0,0,0,.3));z-index:1000;transition:none}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;z-index:10;position:relative;max-width:1200px;margin:0 auto;width:100%}.intro-section{text-align:center;margin-bottom:2.5rem;animation:fadeInUp .8s ease-out .2s both;position:relative}.logo-wrapper{position:relative;display:inline-block;margin-bottom:.5rem}.logo-image{max-width:400px;height:auto;filter:drop-shadow(3px 3px 8px rgba(0,0,0,.1));position:relative;z-index:2}.description{font-family:Comic Neue,cursive;font-size:1.6rem;font-weight:700;color:#555;letter-spacing:1px;margin-bottom:1rem}.polaroid-wall{margin:2rem 0;animation:fadeInUp .8s ease-out .4s both}.countdown-grid{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;perspective:1000px}.polaroid-card{background:#fff;padding:15px;box-shadow:0 8px 16px #0000001a,0 12px 40px #00000014,inset 0 0 80px #00000005,inset -2px -2px 4px #00000008,inset 2px 2px 4px #ffffff80;transform:rotate(var(--rotate));transition:all .3s ease;animation:popIn .6s ease-out var(--delay) both;position:relative;cursor:pointer;border:1px solid rgba(220,220,220,.6)}.polaroid-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px);opacity:.3;pointer-events:none;border-radius:inherit}.polaroid-card:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:radial-gradient(circle at 20% 30%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,0,0,.015) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.polaroid-card:hover{transform:rotate(0) translateY(-10px) scale(1.08);box-shadow:0 12px 24px #00000026,0 20px 50px #0000001a,inset 0 0 80px #00000005,inset -2px -2px 4px #00000008,inset 2px 2px 4px #ffffff80;z-index:10}@keyframes popIn{0%{opacity:0;transform:rotate(var(--rotate)) scale(.8) translateY(30px)}to{opacity:1;transform:rotate(var(--rotate)) scale(1) translateY(0)}}.tape{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80px;height:30px;background:#c8c8c880;border-left:2px dashed rgba(150,150,150,.3);border-right:2px dashed rgba(150,150,150,.3);box-shadow:0 2px 8px #0000001a;z-index:5}.tape:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:2px;background:#96969633}.polaroid-content{width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;position:relative;overflow:hidden;border-radius:8px;box-shadow:inset 0 1px 3px #00000014,inset 0 -1px 2px #ffffff80}.polaroid-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.4) 10px,rgba(255,255,255,.4) 20px),repeating-linear-gradient(-45deg,transparent,transparent 15px,rgba(0,0,0,.01) 15px,rgba(0,0,0,.01) 16px);opacity:.4;z-index:1}.number-display{font-family:Comic Neue,cursive;font-size:5rem;font-weight:700;color:#333;text-shadow:2px 2px 0px rgba(255,255,255,.5);z-index:2;position:relative}.polaroid-caption{font-family:Comic Neue,cursive;font-size:1.3rem;font-weight:700;color:#333;text-align:center;letter-spacing:2px;text-transform:uppercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.main-content{padding:2rem 1.5rem}.intro-section{margin-bottom:2rem}.logo-image{max-width:250px}.description{font-size:1.3rem}.countdown-grid{gap:1.5rem}.polaroid-card{transform:rotate(0)}.polaroid-content{width:140px;height:140px}.number-display{font-size:3.5rem}.polaroid-caption{font-size:1rem}.floating-sticker{width:40px!important;height:40px!important}}
