@import "https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=DM+Sans:wght@300;400;500;700&family=Playfair+Display:ital,wght@1,400;1,600;1,700&display=swap";:root{--bg-color:#000;--text-color:#fff;--accent-orange:#f28705;--accent-deep-orange:#f25c05;--accent-cream:#f2f0e4}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}.font-sans{font-family:DM Sans,sans-serif}.font-serif-italic{font-family:Playfair Display,serif;font-style:italic}.font-handwritten{font-family:Caveat,cursive;font-weight:700}.text-orange{color:var(--accent-orange)}.text-cream{color:var(--accent-cream)}.top-bar{background:linear-gradient(to right, #f24405, var(--accent-orange));z-index:1000;width:100%;height:3px;position:fixed;top:0;left:0}.btn-pill{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:100px;justify-content:center;align-items:center;padding:16px 56px;font-size:1.125rem;font-weight:500;text-decoration:none;transition:transform .25s,box-shadow .25s,background-color .25s;display:inline-flex}.btn-pill:hover{background-color:var(--accent-orange);transform:translateY(-2px);box-shadow:0 4px 20px #f2870566}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#f287052e 0%,#0000 50%);width:90vw;height:90vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUpAnim;transform:translateY(20px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes fadeUpAnim{to{opacity:1;transform:translateY(0)}}.input-pill{color:#fff;background-color:#111;border:1px solid #ffffff1a;border-radius:100px;outline:none;width:100%;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:1rem;transition:border-color .25s,box-shadow .25s,background-color .25s}.input-pill::placeholder{color:#ffffff80}.input-pill:focus{background-color:#ffffff0d;border-color:#f2870580;box-shadow:0 0 15px #f2870526}.page-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.content-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.responsive-nowrap{white-space:normal}@media (width>=768px){.responsive-nowrap{white-space:nowrap}}.oppie-container{z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:100% 100%;flex-direction:column;align-items:flex-end;transition:transform .35s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:1.75rem;right:1.75rem}.oppie-container:focus{outline:none}.oppie-container:focus-visible{outline-offset:6px;border-radius:4px;outline:2px solid #f80}.oppie-container.hovered{transform:scale(1.05)}.oppie-scene{animation:4s ease-in-out infinite oppie-float;display:inline-block;position:relative}@keyframes oppie-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.oppie-container.bouncing .oppie-scene{animation:.85s ease-out oppie-bounce!important}@keyframes oppie-bounce{0%{transform:translateY(0)}14%{transform:translateY(-16px)}28%{transform:translateY(0)}44%{transform:translateY(-8px)}58%{transform:translateY(0)}72%{transform:translateY(-3px)}86%{transform:translateY(0)}to{transform:translateY(0)}}.oppie-character{image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 8px 22px #00000047);display:block}.oppie-shadow{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite oppie-shadow-breathe}@keyframes oppie-shadow-breathe{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.22;transform:scaleX(.74)}}.oppie-antenna-tip{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite oppie-antenna}@keyframes oppie-antenna{0%{fill:#f80;filter:drop-shadow(0 0 2px #f80)drop-shadow(0 0 5px #f806)}18%{fill:#fa4;filter:drop-shadow(0 0 7px #f80)drop-shadow(0 0 12px #ff8800a6)}40%{fill:#ff7a00;filter:drop-shadow(0 0 3px #f80)drop-shadow(0 0 6px #ff88004d)}62%{fill:#fc5;filter:drop-shadow(0 0 11px #f80)drop-shadow(0 0 20px #ff8800bf)}82%{fill:#f91;filter:drop-shadow(0 0 4px #f80)drop-shadow(0 0 8px #f806)}to{fill:#f80;filter:drop-shadow(0 0 2px #f80)drop-shadow(0 0 5px #f806)}}.oppie-container.hovered .oppie-antenna-tip{fill:#fd6;filter:drop-shadow(0 0 5px #fa4)drop-shadow(0 0 16px #f80)drop-shadow(0 0 28px #ff8800b3);animation-duration:.65s}.oppie-eye-left,.oppie-eye-right{transform-box:fill-box;transform-origin:50% 0}.oppie-eye-left.winking,.oppie-eye-right.winking{animation:.65s ease-in-out oppie-wink}@keyframes oppie-wink{0%,to{transform:scaleY(1)}30%,70%{transform:scaleY(.1)}}.oppie-arm-left{transform-box:fill-box;transform-origin:100%;animation:1.5s ease-in-out infinite oppie-thumb}@keyframes oppie-thumb{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-7deg)translateY(-2px)}}.oppie-heart{filter:drop-shadow(0 2px 8px #f806);pointer-events:none;animation:3.2s ease-in-out infinite oppie-heart-float;position:absolute;top:22px;left:-70px}@keyframes oppie-heart-float{0%,to{transform:translateY(0)scale(.95)}50%{transform:translateY(-7px)scale(1.05)}}.oppie-container.hovered .oppie-heart{animation:.55s ease-out forwards oppie-heart-pulse}@keyframes oppie-heart-pulse{0%{transform:scale(.95)}40%{transform:scale(1.22)}70%{transform:scale(.97)}to{transform:scale(1.05)}}.oppie-speech{color:#fff;white-space:normal;text-align:center;letter-spacing:.03em;z-index:10;background:#0d0d0d;border:2px solid #f80;border-radius:2px;max-width:210px;padding:9px 14px;font-family:Courier New,Lucida Console,monospace;font-size:11.5px;font-weight:600;line-height:1.45;animation:.4s cubic-bezier(.175,.885,.32,1.275) oppie-pop-in;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 0 0 1px #ff880026,0 0 18px #ff880026,0 6px 20px #0009}.oppie-speech:after{content:"";border:9px solid #0000;border-top-color:#f80;border-bottom:0;position:absolute;bottom:-10px;right:20px}.oppie-speech:before{content:"";z-index:1;border:6px solid #0000;border-top-color:#0d0d0d;border-bottom:0;position:absolute;bottom:-6px;right:23px}.oppie-speech.inactivity{background:linear-gradient(160deg,#111 0%,#0d0d0d 100%);box-shadow:0 0 0 1px #ff880040,0 0 24px #f803,0 8px 24px #000000a6}.oppie-emoji{margin-bottom:3px;font-size:15px;display:block}@keyframes oppie-pop-in{0%{opacity:0;transform:translateY(10px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.oppie-image-wrapper{mix-blend-mode:screen;width:250px;height:250px;position:relative}.oppie-image-wrapper img{object-fit:contain;width:100%;height:100%}@media (width<=767px){.oppie-container{bottom:.5rem;right:.5rem}.oppie-container.hovered{transform:none}.oppie-image-wrapper{width:85px;height:85px}.oppie-heart{top:5px;left:-25px;transform:scale(.6)}.oppie-speech{max-width:150px;padding:6px 10px;font-size:10px;bottom:calc(100% + 5px);right:0}}