/* Adapted from Ciri AI template Coming Soon page and Login button. */
.button2 {
    position: relative;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: conic-gradient(from var(--r) at var(--x) 50%, #222 0%, #00FFB1 20%, #1A1A1A 25%);
    animation: rotateAnimation 5s linear infinite, moveX 5s ease-in-out infinite alternate;
    padding: 12px 24px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.button2:hover {
    color: #00FFB1;
}
.button2::after {
    content: "";
    display: block;
    position: absolute;
    background: #1A1A1A;
    inset: 2px;
    border-radius: 10px;
    z-index: 0;
    transition: opacity .3s ease;
}
.button2 span {
    position: relative;
    z-index: 2;
}
@property --r {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
@property --x {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}
@keyframes rotateAnimation {
    0% {
        --r: 0deg;
    }
    100% {
        --r: 360deg;
    }
}
/* Smooth infinite horizontal movement */
@keyframes moveX {
    0% {
        --x: 10%;
    }
    100% {
        --x: 90%;
    }
}

.count-down-col {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.coming-soon-section {
    min-height: 90vh;
}
.count-down {
    display: flex;
    gap: 55px;
    padding: 10px 0;
}
.count-down .box {
    padding: 5px;
    text-align: center;
}
.count-down .box h3 {
    color: var(--5, #FFF);
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}
.count-down .box span {
    color: var(--8, #A8A9AD);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}
.coming-soon-box {
    padding: 10px 20px;
    color: var(--5, #FFF);
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    background: linear-gradient(90deg, #5C33FF 0%, #00FFB1 100%);
    max-width: 280px;
    margin: 40px 0;
}
.our-website {
    color: var(--5, #FFF);
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
    margin-bottom: 50px;
}
.notified {
    color: var(--5, #FFF);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.coming-soon-subscribe {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin-top: 20px;
}
.coming-soon-subscribe input {
    padding: 15px;
}
.coming-soon-subscribe .generate-btn {
    width: 100%;
    max-width: 160px;
    margin-right: 0;
}
#rights-reserved {
    position: absolute;
    bottom: 30px;
}


:root{color-scheme:light;--bg:#f5f8ff;--fg:#11182a;--muted:#64708a;--panel:#fff;--line:#dce3f3;--5:#11182a;--8:#64708a}
:root[data-theme=dark]{color-scheme:dark;--bg:#050510;--fg:#fff;--muted:#a8a9ad;--panel:#1a1a1a;--line:#34344b;--5:#fff;--8:#a8a9ad}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg)}.coming-soon-body{position:relative;overflow-x:clip;min-height:100svh;display:flex;flex-direction:column}.container{width:min(1140px,calc(100% - 40px));margin:auto}header{padding:22px 0}nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:700;color:var(--fg);text-decoration:none}.logo b{color:#705cff}.syn-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#5c33ff,#00cba0);color:#fff;font-size:32px}#theme-toggle{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--fg);padding:10px 16px;cursor:pointer}.coming-soon-section{position:relative;isolation:isolate;flex:1;display:flex;align-items:center;min-height:calc(100svh - 92px);padding:55px 0 100px}.count-down-col{text-align:center}.blue-gardient8sa{position:absolute;left:0;top:0;max-width:70%;z-index:-1;pointer-events:none;opacity:.6;animation:ambient 14s ease-in-out infinite alternate}.blue-gardient9sa{position:absolute;right:0;top:-100px;max-width:65%;z-index:-1;pointer-events:none;opacity:.6;animation:ambient 19s ease-in-out infinite alternate-reverse}:root[data-theme=dark] .coming-soon-section>img{opacity:1}.launch-status{color:var(--muted);font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0}.coming-soon-box{margin:35px 0;font-size:32px;border-radius:4px;color:white}.our-website{margin:0 0 30px;font-size:clamp(32px,4vw,48px);line-height:1.3}.notified{margin:0;color:var(--muted);font-size:18px}.coming-soon-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px}.button2{color:var(--fg);text-decoration:none;background:conic-gradient(from var(--r) at var(--x) 50%,var(--line) 0%,#00ffb1 20%,var(--line) 25%)}.button2:after{background:var(--panel)}.university-link{color:var(--fg);text-decoration:none;font-size:15px}.purpose{color:var(--muted);font-size:13px;margin-top:35px}#rights-reserved{bottom:18px;left:20px;right:20px;color:var(--muted);font-size:12px}a:focus-visible,button:focus-visible{outline:3px solid #705cff;outline-offset:5px}@keyframes ambient{to{transform:translateY(25px);filter:hue-rotate(25deg)}}@media(max-width:600px){.logo{font-size:19px}.syn-mark{width:38px;height:38px;font-size:26px}.coming-soon-section{padding-top:35px}.coming-soon-box{font-size:27px;line-height:40px}.notified{font-size:16px}.launch-status{font-size:11px}.blue-gardient8sa,.blue-gardient9sa{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}

/* State-specific blending: retain the template's textured ambient glow without image rectangles. */
.coming-soon-section>img{width:min(850px,95vw);max-width:none;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);mix-blend-mode:multiply;opacity:.38;animation:ambientGlow 16s ease-in-out infinite alternate}
.coming-soon-section>.blue-gardient8sa{left:-180px;top:0;animation-duration:17s}
.coming-soon-section>.blue-gardient9sa{right:-180px;top:-150px;animation-duration:23s;animation-direction:alternate-reverse}
:root[data-theme=dark] .coming-soon-section>img{mix-blend-mode:screen;opacity:.8}
@keyframes ambientGlow{0%{transform:translate(0,0) scale(1);filter:hue-rotate(0deg)}100%{transform:translate(30px,35px) scale(1.08);filter:hue-rotate(35deg)}}
#theme-toggle.syn-theme-toggle{width:42px;height:42px;padding:0;border-radius:13px;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;position:relative;overflow:hidden;font-size:20px}
.syn-theme-toggle:after{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent,#24dbd0,transparent 26%,#8b5cf6,transparent 55%);animation:synSpin 5s linear infinite;opacity:.35}.syn-theme-toggle span{position:relative;z-index:2}.syn-theme-moon{display:none}html[data-theme="dark"] .syn-theme-sun{display:none}html[data-theme="dark"] .syn-theme-moon{display:inline}@keyframes synSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.coming-soon-section>.blue-gardient8sa{left:-100px}.coming-soon-section>.blue-gardient9sa{right:-100px;top:-50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}

.coming-soon-subscribe{max-width:700px;margin-top:30px;text-align:left}.signup-row{display:flex;gap:8px;padding:6px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.signup-row input{flex:1;min-width:0;width:100%;border:0;outline-offset:-3px;background:transparent;color:var(--fg);font:inherit;padding:12px 14px}.signup-row input::placeholder{color:var(--muted)}.signup-row .generate-btn{border:0;flex:none;max-width:none;width:auto;margin:0;min-width:140px}.signup-consent{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:13px;margin-top:16px;line-height:1.5;cursor:pointer}.signup-consent input{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:#705cff}.signup-note{font-size:12px;color:var(--muted);margin:8px 0 0 25px}#signup-feedback{min-height:22px;font-size:14px;color:var(--fg);text-align:center;margin:12px 0 0}.signup-trap,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.coming-soon-actions{margin-top:18px}.coming-soon-section{padding-bottom:110px}.generate-btn:disabled{opacity:.65;cursor:wait}@media(max-width:500px){.signup-row{flex-direction:column}.signup-row .generate-btn{width:100%;min-height:48px}.coming-soon-section{padding-top:25px}.coming-soon-box{margin:25px 0}.our-website{margin-bottom:20px}}

/* Syntecian AI composer-dock light, adapted around the signup box. */
.signup-row{position:relative;isolation:isolate;overflow:hidden;padding:7px;border:0;border-radius:16px;background:transparent;box-shadow:0 12px 36px rgba(39,80,130,.09),0 0 24px rgba(39,215,238,.08),0 0 30px rgba(152,104,255,.06)}
.signup-row::before{content:"";position:absolute;inset:-180%;z-index:-2;pointer-events:none;background:conic-gradient(from 0deg,rgba(39,215,238,.05) 0deg,rgba(39,215,238,.08) 60deg,#27d7ee 88deg,#d9aa35 112deg,#9868ff 138deg,rgba(152,104,255,.08) 166deg,rgba(255,255,255,.03) 245deg,rgba(39,215,238,.05) 360deg);animation:signupComposerOrbit 6s linear infinite}
.signup-row::after{content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;border-radius:15px;background:linear-gradient(180deg,#ffffff,#f5f8ff)}
:root[data-theme=dark] .signup-row{box-shadow:0 24px 72px rgba(0,0,0,.3),0 0 34px rgba(39,215,238,.08),0 0 46px rgba(152,104,255,.055)}
:root[data-theme=dark] .signup-row::after{background:linear-gradient(180deg,#08121d,#050c14)}
@keyframes signupComposerOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.signup-row::before{animation:none!important}}

.coming-particle-cloud{width:320px;height:240px;max-width:100%;margin:-30px auto 6px;pointer-events:none;flex:none}.coming-particle-cloud canvas{display:block;width:100%;height:100%}.coming-soon-section{padding-top:30px;padding-bottom:40px;min-height:calc(100svh - 92px)}#rights-reserved{position:static;margin-top:35px}.coming-soon-box{margin:24px 0}.our-website{margin-bottom:24px}@media(max-width:600px){.coming-particle-cloud{width:270px;height:200px;margin:-10px auto 8px}.coming-soon-section{padding-top:10px}}