.landing-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-bg{z-index:0;background:#090c10;position:fixed;inset:0;overflow:hidden}.gradient-orb{display:none}.particles-container{z-index:1;pointer-events:none;position:fixed;inset:0}.particle{background:var(--accent-gold);border-radius:50%;animation:20s linear infinite particle-float;position:absolute}@keyframes particle-float{0%{transform:translateY(0)translate(0)}25%{transform:translateY(-25vh)translate(15px)}50%{transform:translateY(-50vh)translate(-10px)}75%{transform:translateY(-75vh)translate(20px)}to{transform:translateY(-100vh)translate(0)}}.floating-slips{z-index:1;pointer-events:none;position:fixed;inset:0}.floating-slip{pointer-events:none;z-index:1;position:absolute}.float-path-1{animation:linear infinite floatPath1}.float-path-2{animation:linear infinite floatPath2}.float-path-3{animation:linear infinite floatPath3}.float-path-4{animation:linear infinite floatPath4}@keyframes floatPath1{0%{transform:translate(0)rotate(0)}25%{transform:translate(40px,-35px)rotate(90deg)}50%{transform:translate(-25px,-65px)rotate(180deg)}75%{transform:translate(-50px,-20px)rotate(270deg)}to{transform:translate(0)rotate(360deg)}}@keyframes floatPath2{0%{transform:translate(0)rotate(360deg)}25%{transform:translate(-45px,40px)rotate(270deg)}50%{transform:translate(30px,70px)rotate(180deg)}75%{transform:translate(55px,15px)rotate(90deg)}to{transform:translate(0)rotate(0)}}@keyframes floatPath3{0%{transform:translate(0)rotate(0)}33%{transform:translate(-60px,-45px)rotate(120deg)}66%{transform:translate(50px,-90px)rotate(240deg)}to{transform:translate(0)rotate(360deg)}}@keyframes floatPath4{0%{transform:translate(0)rotate(360deg)}33%{transform:translate(70px,50px)rotate(240deg)}66%{transform:translate(-40px,85px)rotate(120deg)}to{transform:translate(0)rotate(0)}}.mini-slip{background:var(--coupon-bg,#f4f1ea);color:var(--coupon-text,#1c1917);font-family:var(--font-slip,monospace);clip-path:polygon(0 3px,5% 0,10% 3px,15% 0,20% 3px,25% 0,30% 3px,35% 0,40% 3px,45% 0,50% 3px,55% 0,60% 3px,65% 0,70% 3px,75% 0,80% 3px,85% 0,90% 3px,95% 0,100% 3px,100% calc(100% - 3px),95% 100%,90% calc(100% - 3px),85% 100%,80% calc(100% - 3px),75% 100%,70% calc(100% - 3px),65% 100%,60% calc(100% - 3px),55% 100%,50% calc(100% - 3px),45% 100%,40% calc(100% - 3px),35% 100%,30% calc(100% - 3px),25% 100%,20% calc(100% - 3px),15% 100%,10% calc(100% - 3px),5% 100%,0 calc(100% - 3px));background-image:repeating-linear-gradient(#0000,#0000 2px,#00000006 2px 4px);width:145px;padding:.9rem .75rem .8rem;font-size:.65rem;position:relative;box-shadow:0 10px 25px #0006}.mini-slip-pin{background:linear-gradient(135deg,#d4af37,#aa820a);border-radius:2px;width:12px;height:20px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.mini-slip-header{text-align:center;border-bottom:1px dashed #1c1917;margin-bottom:4px;padding-bottom:2px;font-weight:900}.mini-match{color:#1c1917;margin-bottom:2px;font-size:.7rem;font-weight:800}.mini-odds{color:#444;margin-bottom:4px;font-weight:700}.mini-result{letter-spacing:.5px;font-size:.6rem;font-weight:900}.mini-result.won{color:#15803d}.mini-result.pending{color:#b45309}.mini-result.lost{color:#b91c1c}.landing-content{z-index:10;align-items:center;gap:4rem;width:100%;max-width:1100px;padding:2rem;display:flex;position:relative}.hero-section{flex:1}.hero-emblem-row{align-items:center;gap:.9rem;margin-bottom:1.2rem;display:flex}.hero-app-icon-card{background:#f5a6231a;border:1px solid #f5a6234d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 4px 20px #f5a62340,0 0 10px #f5a62326}.hero-app-icon-img{object-fit:cover;width:100%;height:100%}.hero-badge{background:linear-gradient(135deg, var(--accent-gold), #ff9500);color:#000;text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:0;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-block}.hero-title{font-family:"Ritual of the Witch", "RitualOfTheWitch", "Quicking", var(--font-display);color:var(--accent-gold);letter-spacing:1px;margin-bottom:1.2rem;font-size:5rem;line-height:1.05}.hero-title-line{color:var(--accent-gold);display:block}.hero-title-line.gold{color:var(--accent-gold);-webkit-text-fill-color:initial;background:0 0}.hero-subtitle{color:var(--text-secondary);margin-bottom:.8rem;font-size:1.3rem;line-height:1.5}.hero-subtitle strong{color:var(--accent-gold)}.hero-description{color:var(--text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.6}.promo-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.promo-card{border:1px solid var(--cyber-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101418b3;border-radius:4px;padding:1rem}.promo-card h3{font-family:var(--font-bodoni);color:var(--accent-gold);margin-bottom:.4rem;font-size:1.05rem}.promo-card p{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.demo-btn{background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-card));border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.8rem 1.8rem;font-size:1rem;font-weight:600;transition:all .3s}.demo-btn:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 8px 25px #f5a62333}.auth-section{flex:0 0 380px}.landing-rope{z-index:1;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.loading-screen{background:var(--bg-primary);height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-gold);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{width:100%;max-width:380px;position:relative}.auth-slip-card{background:var(--coupon-bg,#f4f1ea);width:100%;color:var(--coupon-text,#1c1917);font-family:var(--font-slip,"Courier New", Courier, monospace);clip-path:polygon(0 5px,5% 0,10% 5px,15% 0,20% 5px,25% 0,30% 5px,35% 0,40% 5px,45% 0,50% 5px,55% 0,60% 5px,65% 0,70% 5px,75% 0,80% 5px,85% 0,90% 5px,95% 0,100% 5px,100% calc(100% - 5px),95% 100%,90% calc(100% - 5px),85% 100%,80% calc(100% - 5px),75% 100%,70% calc(100% - 5px),65% 100%,60% calc(100% - 5px),55% 100%,50% calc(100% - 5px),45% 100%,40% calc(100% - 5px),35% 100%,30% calc(100% - 5px),25% 100%,20% calc(100% - 5px),15% 100%,10% calc(100% - 5px),5% 100%,0 calc(100% - 5px));background-image:repeating-linear-gradient(#0000,#0000 2px,#00000006 2px 4px);padding:1.75rem 1.5rem 2rem;position:relative;box-shadow:0 20px 45px #000000b3}.auth-slip-pin{z-index:10;background:linear-gradient(135deg,#d4af37,#aa820a);border-radius:4px;width:22px;height:40px;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #00000080}.auth-slip-pin:after{content:"";background:#222;width:12px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-slip-header{border-bottom:2px dashed #1c1917;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.6rem;padding-bottom:.6rem;display:flex}.auth-slip-title{letter-spacing:.5px;color:#1c1917;font-size:1.15rem;font-weight:900;font-family:var(--font-bodoni), "Bodoni Moda", serif}.auth-slip-badge{font-family:var(--font-slip,monospace);color:#fff;background:#1c1917;padding:2px 6px;font-size:.72rem;font-weight:900}.auth-form{flex-direction:column;gap:1rem;display:flex}.input-group{flex-direction:column;gap:.35rem;display:flex}.input-group label{color:#2b2b2b;letter-spacing:.5px;font-size:.78rem;font-weight:800}.input-group input{color:#1c1917;width:100%;min-height:40px;font-family:var(--font-slip,monospace);background:#fff;border:1px solid #1c1917;border-radius:0;padding:.6rem .75rem;font-size:.9rem;font-weight:700}.input-group input:focus{outline:2px solid #1c1917;box-shadow:0 0 0 2px #0000001a}.submit-btn{color:#fff;width:100%;min-height:42px;font-size:.95rem;font-weight:900;font-family:var(--font-slip,monospace);cursor:pointer;background:#1c1917;border:none;border-radius:0;margin-top:.5rem;box-shadow:0 4px 10px #0003}.submit-btn:hover{background:#333}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.auth-toggle{color:#444;border-top:1px dashed #0003;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:.75rem;font-size:.75rem;font-weight:800;display:flex}.auth-switch-btn{color:#1c1917;font-family:var(--font-slip,monospace);cursor:pointer;background:0 0;border:1px solid #1c1917;padding:.35rem .65rem;font-size:.75rem;font-weight:900}.auth-switch-btn:hover{color:#fff;background:#1c1917}.auth-error{color:#dc2626;text-align:center;background:#dc26261a;border:1px solid #dc2626;padding:.5rem;font-size:.78rem;font-weight:800}@media (max-width:900px){.landing-content{text-align:center;flex-direction:column;padding:6rem 1.5rem 2rem}.hero-title{font-size:3rem}.auth-section{flex:none;width:100%;max-width:380px}.feature-pills{justify-content:center}.floating-slips{opacity:.45;display:block}.floating-slip{transform:scale(.68)!important}}@media (max-width:480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.auth-container{max-width:100%;padding:.5rem}.auth-slip-card{padding:1.25rem 1rem 1.5rem}.input-group input{box-sizing:border-box;max-width:100%;font-size:16px}}
