/* SharpEdge.it · ValueBet temporary public landing — R01R2R1 */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body.coming-body { background: #020204; color: #f7d68a; font-family: "Bahnschrift", "Orbitron", "Eurostile", "Arial Black", "Segoe UI", sans-serif; }
.coming-page { position: relative; isolation: isolate; min-height: 100vh; min-height: 100svh; overflow: hidden; background: radial-gradient(ellipse 45% 30% at 53% 29%, rgba(116, 56, 10, .11), transparent 80%), radial-gradient(ellipse 48% 29% at 89% 87%, rgba(91, 10, 9, .10), transparent 84%), #020204; }
.ambient-halo { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 45% 25% at 50% 29%, rgba(255,170,45,.055), transparent 75%), radial-gradient(ellipse 64% 37% at 50% 64%, #000 15%, transparent 92%); }
.ambient-grid { position: absolute; inset: 50% 0 0; opacity: .25; z-index: -1; pointer-events: none; background: linear-gradient(rgba(218,34,16,.09) 1px, transparent 1px),linear-gradient(90deg,rgba(218,34,16,.09) 1px,transparent 1px); background-size: 36px 36px; transform: perspective(430px) rotateX(72deg) scale(1.8); transform-origin: bottom; -webkit-mask-image: linear-gradient(transparent,black 70%); mask-image: linear-gradient(transparent,black 70%); }
.neon-rail { position:absolute; left:-4%; width:108%; pointer-events:none; z-index:1; opacity:.9; }
.rail-top { top:2.6vh; height:clamp(30px,7vh,80px); border-top:2px solid rgba(245,17,22,.58); border-radius: 0 0 45% 25%; transform:rotate(-4deg); box-shadow: 0 -5px 24px rgba(232,4,17,.22),0 -1px 3px rgba(255,110,45,.4); }
.rail-bottom { bottom:2.2vh; height:clamp(40px,9vh,102px); border-bottom:2px solid rgba(255,48,24,.72); border-radius: 45% 20% 0 0; transform:rotate(-3deg); box-shadow: 0 5px 25px rgba(238,11,22,.28),0 1px 3px rgba(255,170,58,.35); }
.brand-stage { position:absolute; top:35%; left:50%; transform:translate(-50%, -50%); width:min(80vw, 1010px); z-index:2; }
.brand-image { display:block; width:100%; height:auto; filter:drop-shadow(0 0 19px rgba(203,78,12,.17)); user-select:none; -webkit-user-drag:none; }
.soon-stage { position:absolute; bottom:clamp(24px,4vh,64px); left:50%; transform:translateX(-50%); width:min(86vw,1050px); text-align:center; z-index:3; }
.signal-row { display:flex; align-items:center; justify-content:center; gap:clamp(10px,2.4vw,40px); }
.signal-rule { flex:1 1 10%; height:1px; max-width:160px; background:linear-gradient(90deg,transparent,#a51118 55%,#ff4323); box-shadow:0 0 10px rgba(255,34,36,.5); }
.signal-right { transform:scaleX(-1); }
.coming-text { display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:.48em; margin:0; white-space:nowrap; transform-origin:center; font-weight:900; font-style:italic; font-size:clamp(22px,4.2vw,57px); line-height:1.18; letter-spacing:.09em; text-transform:uppercase; text-shadow:0 0 6px rgba(255,126,36,.66),0 0 28px rgba(244,17,22,.45); animation:heartbeat 5.8s ease-in-out infinite; will-change:transform,opacity,filter; }
.coming-text span:first-child { color:#ffe29a; text-shadow:0 0 4px #ffca54,0 0 15px rgba(247,147,25,.65),0 0 27px rgba(195,61,0,.3); }
.coming-text span:last-child { color:#ff2e2e; text-shadow:0 0 4px #ff2424,0 0 17px rgba(255,6,19,.75),0 0 33px rgba(180,0,8,.45); }
.pulse-line { width:min(70%,660px); height:36px; margin:-1px auto 0; filter:drop-shadow(0 0 9px rgba(242,11,24,.7)); opacity:.75; animation:signal-pulse 5.8s ease-in-out infinite; }
.pulse-line svg { width:100%; height:100%; overflow:visible; }
.pulse-line path { stroke:#ff3133; stroke-width:2.3; fill:none; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
@keyframes heartbeat { 0%, 10%, 20%, 28%, 43%, 100% { transform:scale(1); opacity:.77; filter:brightness(.94); } 13% { transform:scale(1.035); opacity:1; filter:brightness(1.2); } 24% { transform:scale(1.09); opacity:1; filter:brightness(1.55); } 33% { transform:scale(1.015); opacity:.93; filter:brightness(1.15); } }
@keyframes signal-pulse { 0%,10%,20%,28%,43%,100% { opacity:.40; filter:drop-shadow(0 0 4px rgba(215,17,27,.5)); } 13%,24%,33% { opacity:1; filter:drop-shadow(0 0 12px rgba(255,44,41,.9)); } }
@media (max-width: 760px) { .brand-stage { width:98vw; top:36%; } .soon-stage { width:94vw; bottom:7vh; } .coming-text { font-size:clamp(20px,5.3vw,39px); gap:.38em; letter-spacing:.06em; } .signal-rule { max-width:40px; } .pulse-line { width:90%; } .neon-rail { opacity:.55; } }
@media (max-height: 650px) and (min-width: 761px) { .brand-stage { width:min(69vw,790px); top:35%; } .soon-stage { bottom:5vh; } .coming-text { font-size:clamp(24px,3.2vw,43px); } }
@media (prefers-reduced-motion: reduce) { .coming-text, .pulse-line { animation:none; opacity:1; filter:none; } }