/*
Theme Name: AranmazTech Coming Soon v2
Theme URI: https://aranmaztech.com
Author: AranmazTech
Description: AranmazTech için futuristik, animasyonlu ve mobil uyumlu coming soon teması.
Version: 2.0.0
Text Domain: aranmaztech-coming-soon
*/

:root{--bg:#02060b;--panel:#06111d;--cyan:#05c8ff;--cyan2:#0075ff;--text:#f5fbff;--muted:#8ba0b4;--line:rgba(5,200,255,.26)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
.at-page{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(0,119,255,.14),transparent 31%),radial-gradient(circle at 50% 100%,rgba(0,198,255,.13),transparent 43%),linear-gradient(180deg,#010307,#030914 62%,#02060b)}
.at-stars,.at-grid,.at-orbit{position:absolute;inset:0;pointer-events:none}.at-stars{opacity:.75;background-image:radial-gradient(circle at 13% 19%,rgba(255,255,255,.85) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 13%,rgba(5,200,255,.9) 0 1px,transparent 1.7px),radial-gradient(circle at 35% 72%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 89% 60%,rgba(5,200,255,.65) 0 1px,transparent 1.6px);background-size:290px 250px,390px 330px,440px 390px,520px 470px;animation:drift 28s linear infinite}
.at-grid{opacity:.22;background-image:linear-gradient(rgba(0,187,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,187,255,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black 45%,black 85%,transparent)}
.at-orbit{inset:auto -20vw -42vw;height:72vw;border-radius:50%;border:1px solid rgba(5,200,255,.35);box-shadow:0 -8px 40px rgba(0,174,255,.2),0 -2px 10px rgba(72,211,255,.55);background:radial-gradient(ellipse at 50% 0%,rgba(8,24,42,.95),#01040a 58%)}
.at-frame{position:absolute;inset:22px;border:1px solid var(--line);clip-path:polygon(5% 0,95% 0,100% 8%,100% 92%,95% 100%,5% 100%,0 92%,0 8%);filter:drop-shadow(0 0 8px rgba(5,200,255,.15));pointer-events:none}.at-frame:before,.at-frame:after{content:"";position:absolute;width:140px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 12px var(--cyan)}.at-frame:before{left:2.5%;top:2.8%}.at-frame:after{right:2.5%;bottom:2.8%;transform:rotate(180deg)}
.at-content{position:relative;z-index:3;width:min(980px,90vw);text-align:center;padding:44px 20px 34px}.at-logo{width:min(760px,82vw);height:auto;filter:drop-shadow(0 0 18px rgba(0,174,255,.24));animation:logoPulse 4s ease-in-out infinite}.at-kicker{margin:4px 0 8px;font-size:clamp(.72rem,1.5vw,.95rem);letter-spacing:.52em;color:#a9bdcc;text-transform:uppercase}.at-rule{width:min(620px,75vw);height:1px;margin:17px auto 14px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px rgba(5,200,255,.65)}
.at-status{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:5px auto 8px;max-width:760px}.at-status span{font-size:clamp(.76rem,1.7vw,1rem);letter-spacing:.38em;color:#d9e7f0;text-transform:uppercase}.at-status .right{text-align:left}.at-status .left{text-align:right}
.hourglass-wrap{position:relative;width:170px;height:230px;margin:6px auto 12px;display:grid;place-items:center}.hourglass-halo{position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(5,200,255,.38);box-shadow:0 0 35px rgba(0,145,255,.18),inset 0 0 35px rgba(0,145,255,.08);animation:spin 12s linear infinite}.hourglass-halo:before,.hourglass-halo:after{content:"";position:absolute;inset:13px;border-radius:50%;border:1px dashed rgba(5,200,255,.28)}.hourglass-halo:after{inset:32px;border-style:solid;border-color:rgba(5,200,255,.18)}
.hourglass{position:relative;width:108px;height:184px;filter:drop-shadow(0 0 14px rgba(5,200,255,.55));animation:float 3.4s ease-in-out infinite}.hg-cap{position:absolute;left:0;width:108px;height:19px;border:1px solid #8ddfff;background:linear-gradient(180deg,#263b4c,#050a10 65%);box-shadow:inset 0 1px 0 #d9f6ff,0 0 10px rgba(5,200,255,.45);z-index:4}.hg-cap.top{top:0;border-radius:10px 10px 4px 4px}.hg-cap.bottom{bottom:0;border-radius:4px 4px 10px 10px}.hg-glass{position:absolute;top:16px;left:12px;width:84px;height:152px;background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(0,198,255,.07) 18%,rgba(0,66,111,.13) 50%,rgba(255,255,255,.35) 80%,rgba(0,198,255,.08));clip-path:polygon(0 0,100% 0,83% 16%,58% 42%,58% 58%,84% 85%,100% 100%,0 100%,16% 85%,42% 58%,42% 42%,17% 16%);border:1px solid rgba(184,241,255,.75)}
.sand-top,.sand-bottom,.sand-stream{position:absolute;z-index:3;background:linear-gradient(180deg,#6fe8ff,#0278ff);box-shadow:0 0 13px rgba(5,200,255,.85)}.sand-top{top:45px;left:30px;width:48px;height:36px;clip-path:polygon(0 0,100% 0,62% 100%,38% 100%);animation:topSand 5s ease-in-out infinite}.sand-stream{top:84px;left:52px;width:4px;height:38px;border-radius:3px;animation:stream 5s ease-in-out infinite}.sand-bottom{bottom:25px;left:24px;width:60px;height:39px;clip-path:polygon(50% 0,100% 100%,0 100%);animation:bottomSand 5s ease-in-out infinite}
.at-copy{margin:0 auto 18px;max-width:650px;color:var(--muted);font-size:clamp(.93rem,1.5vw,1.08rem);line-height:1.7}.at-contact{display:inline-flex;align-items:center;gap:13px;padding:14px 28px;border:1px solid rgba(5,200,255,.8);clip-path:polygon(8% 0,92% 0,100% 28%,100% 72%,92% 100%,8% 100%,0 72%,0 28%);background:linear-gradient(180deg,rgba(5,200,255,.11),rgba(0,71,128,.08));box-shadow:0 0 22px rgba(5,200,255,.18),inset 0 0 18px rgba(5,200,255,.07);font-weight:650;letter-spacing:.18em;text-transform:uppercase;transition:.25s}.at-contact:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(5,200,255,.38),inset 0 0 18px rgba(5,200,255,.14);background:rgba(5,200,255,.15)}.at-contact svg{width:22px;height:22px;stroke:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan))}.at-email{display:block;margin:14px auto 0;color:#d7e3eb;letter-spacing:.06em;font-size:clamp(.88rem,1.8vw,1.02rem)}
.at-footer{position:relative;z-index:3;width:min(1200px,90vw);display:grid;grid-template-columns:repeat(3,1fr) auto;gap:18px;align-items:center;padding:20px 0 28px;border-top:1px solid rgba(5,200,255,.13);color:#aab8c3}.at-value{display:flex;align-items:center;gap:12px;padding-right:20px;border-right:1px solid rgba(5,200,255,.2)}.at-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(5,200,255,.5);transform:rotate(30deg);box-shadow:0 0 12px rgba(5,200,255,.11)}.at-icon svg{width:20px;transform:rotate(-30deg);stroke:var(--cyan)}.at-value b{display:block;color:#f0f6fa;font-size:.86rem;letter-spacing:.08em}.at-value small{color:#778a9a}.at-copyline{text-align:right;font-size:.82rem;line-height:1.6}
@keyframes drift{to{background-position:290px 250px,-390px 330px,440px -390px,-520px 470px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes logoPulse{50%{filter:drop-shadow(0 0 28px rgba(0,174,255,.4))}}@keyframes topSand{0%,12%{transform:scaleY(1);transform-origin:bottom}88%,100%{transform:scaleY(.08);transform-origin:bottom}}@keyframes bottomSand{0%,12%{transform:scaleY(.08);transform-origin:bottom}88%,100%{transform:scaleY(1);transform-origin:bottom}}@keyframes stream{0%,8%,92%,100%{opacity:0;transform:scaleY(.1)}15%,85%{opacity:1;transform:scaleY(1)}}
@media(max-width:760px){.at-frame{inset:9px}.at-content{padding-top:42px}.at-logo{width:min(620px,94vw)}.at-kicker{letter-spacing:.26em}.at-status{grid-template-columns:1fr;gap:5px}.at-status .left,.at-status .right{text-align:center}.hourglass-wrap{order:-1;width:145px;height:205px;transform:scale(.88);margin:-5px auto -5px}.at-footer{grid-template-columns:1fr;gap:13px}.at-value{border-right:0;border-bottom:1px solid rgba(5,200,255,.15);padding:0 0 12px}.at-copyline{text-align:left}.at-orbit{height:120vw;bottom:-65vw}.at-contact{letter-spacing:.1em;padding:13px 22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}