@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Marcellus&family=Inter:wght@300;400;600&display=swap";:root{--neon-cyan:#00f0ff;--gold-accent:#dfc28c}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#020105;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.mobile-wrapper{background-color:#030108;flex-direction:column;width:100%;max-width:412px;height:100vh;max-height:890px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #000000f2}.canvas-container{z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.cosmic-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 45%,#0000 15%,#05020c4d 55%,#030108 90%);width:100%;height:100%;position:absolute;top:0;left:0}.screen{z-index:10;pointer-events:fill;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:42px 24px 36px;display:flex;position:relative}.fade-in{animation:.4s ease-out forwards screenTransition}@keyframes screenTransition{0%{opacity:0}to{opacity:1}}.header-section{text-align:center}.main-logo{letter-spacing:.5px;background:linear-gradient(#fffcf0 0%,#dfc28c 55%,#a38245 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 15px #dfc28c73);-webkit-background-clip:text;font-family:Cinzel Decorative,serif;font-size:27px;font-weight:700}.subtitle{color:var(--gold-accent);letter-spacing:5.5px;opacity:.95;text-shadow:0 0 10px #dfc28c4d;text-indent:5.5px;margin-top:8px;font-family:Marcellus,serif;font-size:11px}.cosmic-center-view{flex-grow:1;width:100%}.offer-section{text-align:center;margin-bottom:24px}.promo-text{letter-spacing:2.5px;color:#fffdf5;text-shadow:0 0 20px #fffcf059,0 2px 5px #000000f2;font-family:Marcellus,serif;font-size:22px;font-weight:400;line-height:1.4}.promo-sub{color:#fffdf599;letter-spacing:.3px;text-shadow:0 1px 3px #000000e6;margin-top:8px;font-size:13px}.action-container{width:100%}.neon-btn{border:2px solid var(--neon-cyan);width:100%;color:var(--neon-cyan);letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04020a8c;border-radius:100px;justify-content:center;align-items:center;padding:16px 24px;font-family:Marcellus,serif;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 0 25px #00f0ff4d,inset 0 0 10px #00f0ff1a}.neon-btn:hover,.neon-btn:active{background:var(--neon-cyan);color:#030108;box-shadow:0 0 35px #00f0ffcc}.back-btn{color:#ffffff8c;cursor:pointer;margin-bottom:20px;font-size:14px;display:inline-block}.form-title{letter-spacing:1px;color:#fffdf5;font-family:Marcellus,serif;font-size:24px}.cosmic-form{flex-direction:column;flex-grow:1;gap:20px;margin-top:25px;display:flex}.input-block{flex-direction:column;gap:8px;display:flex}.input-block label{letter-spacing:1.5px;color:var(--gold-accent);text-transform:uppercase;font-family:Marcellus,serif;font-size:11px}.astro-input{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0516bf;border:1px solid #9d4edd59;border-radius:14px;outline:none;padding:16px;font-size:16px;transition:all .3s}.astro-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff40}.loader-wrapper{justify-content:center;align-items:center;width:210px;height:210px;margin:auto;display:flex;position:relative}.progress-ring{transform:rotate(-90deg)}.loader-text-box{text-align:center;position:absolute}.loader-percent{color:#fff;font-family:Marcellus,serif;font-size:38px}.loader-status-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0516bf;border:1px solid #9d4edd4d;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.status-dot{background-color:var(--neon-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--neon-cyan);border-radius:50%}.result-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0516cc;border:1px solid #9d4edd59;border-radius:20px;flex-grow:1;padding:20px;overflow-y:auto}
