:root{--bg:#050816;--bg-elevated:#0b1220;--bg-surface:#111827;--bg-surface-2:#182338;--gold:#d4af37;--gold-light:#f5d97b;--gold-dark:#8d6910;--white:#ffffff;--text:#eef2ff;--text-soft:#d8dfef;--text-muted:#94a3b8;--glass:rgba(255,255,255,.045);--glass-border:rgba(255,255,255,.08);--shadow-sm:0 10px 30px rgba(0,0,0,.18);--shadow-md:0 20px 60px rgba(0,0,0,.35);--shadow-lg:0 40px 90px rgba(0,0,0,.55);--transition:.35s cubic-bezier(.4,0,.2,1);--radius-xs:10px;--radius-sm:18px;--radius-md:26px;--radius-lg:36px;--container:1500px;--font:Inter,"Segoe UI",Roboto,Arial,sans-serif}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:radial-gradient(circle at top,#18335d 0,transparent 35%),radial-gradient(circle at bottom,#08111d 0,transparent 40%),var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:70px 70px}img{display:block;max-width:100%}svg{display:block;width:100%;height:100%}button{font:inherit;border:none;background:0 0}a{color:inherit;text-decoration:none}.app{width:min(var(--container),100%);margin-inline:auto;padding:60px 40px 90px;overflow-x:hidden}.header{display:flex;justify-content:center;margin-bottom:70px}.brand{display:flex;align-items:center;gap:24px}.brand-logo{width:76px;height:76px;object-fit:contain}.brand-content{display:flex;flex-direction:column}.brand-title{color:var(--gold);font-size:2.8rem;font-weight:800;letter-spacing:.18em}.brand-subtitle{margin-top:8px;color:var(--text-muted);font-size:.92rem;letter-spacing:.18em;text-transform:uppercase}.hero{width:min(900px,100%);margin-inline:auto;margin-bottom:80px;text-align:center}.hero-tag{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;border:1px solid rgba(212,175,55,.18);background:rgba(212,175,55,.08);color:var(--gold-light);font-size:.78rem;font-weight:700;letter-spacing:.22em}.hero-title{margin-top:28px;font-size:5rem;font-weight:800;line-height:1;color:var(--white)}.hero-description{width:min(760px,100%);margin:26px auto 0;color:var(--text-muted);font-size:1.15rem;line-height:2}.main{width:100%}.clock-section{display:flex;justify-content:center;align-items:center;margin-bottom:90px}.clock-shell{position:relative;width:min(760px,92vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.clock-glow{position:absolute;inset:-80px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.16),transparent 72%);filter:blur(60px);z-index:-1}.clock{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:radial-gradient(circle,#1c3056 0,#13213b 45%,#0b1425 75%,#050816 100%);border:2px solid rgba(212,175,55,.22);box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -35px 70px rgba(0,0,0,.55),var(--shadow-lg)}.clock::before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.clock::after{content:"";position:absolute;left:50%;top:7%;transform:translateX(-50%);width:42%;height:18%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);filter:blur(10px)}.digital-section{width:min(900px,100%);margin-inline:auto;margin-bottom:90px}.digital-panel{position:relative;overflow:hidden;padding:42px;border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.digital-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none}.digital-time{position:relative;text-align:center;font-size:5rem;font-weight:800;line-height:1;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 28px rgba(212,175,55,.28)}.digital-phase{position:relative;margin-top:18px;text-align:center;font-size:1.55rem;font-weight:700;letter-spacing:.14em;color:var(--white)}.digital-purpose{position:relative;margin-top:18px;text-align:center;max-width:640px;margin-left:auto;margin-right:auto;color:var(--text-muted);font-size:1rem;line-height:1.9}.information{margin-bottom:90px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.info-card{position:relative;overflow:hidden;padding:30px;border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(18px);transition:var(--transition)}.info-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%);pointer-events:none}.info-card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.25);box-shadow:var(--shadow-md)}.info-card span{display:block;margin-bottom:16px;color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.info-card strong{display:block;color:var(--gold);font-size:2rem;font-weight:800;letter-spacing:.04em}.timeline-section{margin-bottom:90px;text-align:center}.timeline-section h3{margin-bottom:42px;color:var(--gold);font-size:2rem;font-weight:700;letter-spacing:.08em}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.timeline-item{position:relative;overflow:hidden;padding:30px 20px;border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);color:var(--text-soft);font-size:1.05rem;font-weight:700;letter-spacing:.08em;transition:var(--transition)}.timeline-item::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%);pointer-events:none}.timeline-item:hover{transform:translateY(-5px);border-color:rgba(212,175,55,.24);box-shadow:var(--shadow-md)}.timeline-item.active{color:var(--gold);background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.35);box-shadow:0 0 24px rgba(212,175,55,.14)}.system-section{margin-bottom:90px;text-align:center}.system-section h3{margin-bottom:42px;color:var(--gold);font-size:2rem;font-weight:700;letter-spacing:.08em}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.system-grid .card{position:relative;overflow:hidden;padding:32px;border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);transition:var(--transition)}.system-grid .card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%);pointer-events:none}.system-grid .card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.25);box-shadow:var(--shadow-md)}.system-grid .card h4{margin-bottom:16px;color:var(--gold);font-size:1.35rem;font-weight:700}.system-grid .card p{color:var(--text-muted);line-height:1.9}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:70px 20px 40px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.footer-logo{width:64px;height:64px;object-fit:contain}.footer h2{color:var(--gold);font-size:2rem;font-weight:800;letter-spacing:.18em}.footer p{color:var(--text-soft);font-size:1rem}.footer small{color:var(--text-muted);font-size:.9rem;letter-spacing:.04em}.clock circle,.clock line,.clock path{vector-effect:non-scaling-stroke}.clock text{font-family:var(--font);pointer-events:none;user-select:none;text-anchor:middle;dominant-baseline:middle}.clock .ring-primary{fill:none;stroke:rgba(212,175,55,.24);stroke-width:4}.clock .ring-secondary{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1}.clock .phase-arc{fill:none;stroke-width:20;stroke-linecap:round;opacity:.12}.clock .phase-night{stroke:#6b7cff}.clock .phase-morning{stroke:#d4af37}.clock .phase-afternoon{stroke:#f4a63a}.clock .phase-evening{stroke:#8b5cf6}.clock .major-mark{stroke:var(--gold);stroke-width:5}.clock .minor-mark{stroke:rgba(255,255,255,.24);stroke-width:1.5}.clock .major-label{fill:var(--gold);font-size:24px;font-weight:700}.segment-label{fill:#d4af37;font-size:10px;font-weight:500;text-anchor:middle;dominant-baseline:middle;user-select:none}.clock .needle{stroke:var(--gold);stroke-width:6;stroke-linecap:round;filter:drop-shadow(

            0 0 8px

            rgba(212,175,55,.35)

        )}.clock .hub{fill:var(--gold);stroke:#fff5c8;stroke-width:3}@media (max-width:1100px){.info-grid,.system-grid,.timeline{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app{padding:40px 18px 70px}.brand{flex-direction:column;text-align:center}.hero-title{font-size:3rem}.hero-description{font-size:1rem}.clock-shell{width:calc(100vw - 36px)}.digital-panel{padding:30px}.digital-time{font-size:3.6rem}.digital-phase{font-size:1.3rem}.info-grid,.system-grid,.timeline{grid-template-columns:1fr}}@media (max-width:480px){.app{padding:30px 14px 60px}.brand-title{font-size:2.1rem}.hero-title{font-size:2.4rem}.digital-time{font-size:2.8rem}.clock-shell{width:calc(100vw - 28px)}}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.segment-needle{stroke:#d4af37;stroke-width:2;stroke-linecap:round;pointer-events:none}.install-btn{position:fixed;right:16px;bottom:16px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#d4af37;color:#050816;font-size:13px;font-weight:700;cursor:pointer;z-index:999999;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:.3s}.install-btn:hover{transform:scale(1.08)}body,html{width:100%;max-width:100%;overflow-x:hidden}