@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#12233d;--muted:#66758b;--blue:#246cf5;--cyan:#2bc4d6;--line:#e5ebf3;--pale:#f5f8fc;--white:#fff;--shadow:0 20px 60px rgba(20,52,95,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:86px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(226,234,245,.85);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.7px}.brand img{width:42px;height:42px}.brand small{display:block;font-size:9px;letter-spacing:3.5px;color:#7d8da4;line-height:1;margin-top:2px}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600;color:#5c6a80}.main-nav>a{transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--blue)}.nav-cta{padding:11px 17px;border:1px solid #dbe6f6;border-radius:10px;color:var(--ink)!important}.nav-cta span{color:var(--blue);margin-left:8px}.language{display:flex;gap:8px;align-items:center;font-size:11px;color:#a2adbd}.language a.active{color:var(--blue);font-weight:800}.nav-toggle{display:none;border:0;background:none;font-size:24px;color:var(--ink)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#e6f6ff 0,transparent 38%),linear-gradient(120deg,#fff 20%,#f8fbff 100%);padding:82px 0 25px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:485px;gap:24px}.hero-copy{position:relative;z-index:2;padding:20px 0 35px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue);text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:#35c5a3;box-shadow:0 0 0 5px #dff9f1}.hero h1,.page-hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.3vw,68px);letter-spacing:-3.5px;line-height:1.12;margin:25px 0 20px;font-weight:800;max-width:650px}.hero h1{background:linear-gradient(115deg,#142743 15%,#246cf5 70%,#20a9c5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{font-size:17px;color:var(--muted);max-width:500px;line-height:1.8}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 19px;border-radius:10px;border:1px solid transparent;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,#246cf5,#278ce7);color:#fff;box-shadow:0 9px 20px #246cf52b}.button-quiet{border-color:#e2e9f3;color:#3d4e66;background:#fff}.button-secondary{background:#fff;border-color:#dfe7f1;color:#33445c}.button-white{background:#fff;color:#215fe0}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:42px}.proof-icon{width:38px;height:38px;border-radius:12px;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#8290a4;margin-top:3px}
.hero-art{height:465px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:linear-gradient(145deg,#c9e9ff,#e8eaff 50%,#c9f4f0);filter:blur(1px);opacity:.8}.hero-art:after{content:"";position:absolute;width:245px;height:245px;border-radius:50%;border:1px solid #a6cbfa;box-shadow:0 0 0 32px #d9eafe45,0 0 0 66px #d9eafe2b}.orbit{position:absolute;border:1px solid #8ebcf5;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:450px;height:160px}.orbit-two{width:410px;height:270px;transform:rotate(55deg);border-color:#7fd9dc}.art-core{z-index:2;width:150px;height:150px;border-radius:42px;background:linear-gradient(145deg,#fff,#edf6ff);box-shadow:0 25px 60px #4e86d94a,inset 0 0 0 1px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}.art-core span{font-family:Manrope;font-size:78px;line-height:.9;font-weight:800;background:linear-gradient(140deg,#2672f5,#2ec8d3);color:transparent;-webkit-background-clip:text;background-clip:text}.art-core i{font-style:normal;font-size:10px;letter-spacing:5px;color:#7085a5;margin-top:7px}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#ffffffeb;border:1px solid #fff;border-radius:13px;padding:12px 15px;box-shadow:0 15px 35px #3c66991b;backdrop-filter:blur(10px);font-size:11px}.float-card b,.float-card small{display:block}.float-card b{font-size:10px;letter-spacing:.5px}.float-card small{font-size:10px;color:#7b8aa0;margin-top:2px}.card-code{top:56px;right:0;color:#42546c}.card-code b{color:#246cf5}.mini-dot{width:8px;height:8px;border-radius:50%;background:#33c4a1}.card-game{left:-5px;top:175px}.game-glyph,.soft-glyph{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:21px}.game-glyph{color:#7459ed;background:#eeeaff}.soft-glyph{color:#187fd8;background:#e5f5ff}.card-soft{right:5px;bottom:100px}.art-caption{position:absolute;bottom:23px;font-size:9px;letter-spacing:2px;font-weight:800;color:#8a9bb2}.art-caption span{color:#2a7af0}.hero-bottom{border-top:1px solid #e5edf7;display:flex;justify-content:space-between;padding-top:18px;font-size:9px;letter-spacing:1.4px;color:#91a0b4}
.section{padding:100px 0}.section-tint{background:#f7faff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2,.cta-inner h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-1.5px;margin:12px 0 0}.section-heading>p{max-width:410px;color:var(--muted);font-size:14px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:30px 28px 27px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .25s,box-shadow .25s}.service-card:hover,.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:23px;margin-bottom:27px}.service-icon.violet{color:#7257e8;background:#f0edff}.service-icon.blue{color:#2474e8;background:#e9f3ff}.service-icon.green{color:#15a88c;background:#e3fbf4}.card-index{float:right;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#a2afc1;margin-top:-62px}.service-card h3{font-family:Manrope,sans-serif;font-size:18px;margin:0 0 10px}.service-card p,.content-card p,.news-info p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 20px}.text-link{font-size:12px;font-weight:800;color:var(--blue)}.text-link:hover{text-decoration:underline}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.content-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}.cover{height:220px;display:block;position:relative;overflow:hidden;background:#eaf3fc}.cover img,.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cover:hover img,.news-image:hover img{transform:scale(1.04)}.cover-label{position:absolute;left:15px;bottom:15px;padding:6px 10px;background:#ffffffdf;backdrop-filter:blur(6px);border-radius:7px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.content-card-body{padding:22px}.card-meta{display:flex;justify-content:space-between;align-items:center;color:#8b9ab0;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.card-meta span{color:#3281e9}.content-card h3,.news-info h3{font-family:Manrope,sans-serif;font-size:19px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}.content-card h3 a:hover,.news-info h3 a:hover{color:var(--blue)}.content-card p{min-height:45px;margin-bottom:15px}.empty-state{grid-column:1/-1;padding:32px;border:1px dashed #d7e1ef;border-radius:14px;color:var(--muted);background:#fff}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.news-image{display:block;height:210px;overflow:hidden;background:#edf4fc}.news-info{padding:23px}.news-info h3{font-size:18px}.news-info p{min-height:45px}
.cta-section{padding:64px 0;background:linear-gradient(115deg,#1c5ddc,#267ce9 55%,#27a9c7);color:#fff;position:relative;overflow:hidden}.cta-section:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff28;border-radius:50%;right:-60px;top:-200px;box-shadow:0 0 0 55px #ffffff0d,0 0 0 110px #ffffff08}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.cta-inner .eyebrow{color:#bfe6ff}.cta-inner h2{font-size:34px}.cta-inner p{color:#dceaff;max-width:580px;font-size:14px;margin:13px 0 0}
.site-footer{background:#101d31;color:#aab8cc;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-bottom:35px}.brand-light{color:#fff}.brand-light small{color:#91a1b7}.footer-grid p{font-size:12px;line-height:1.9;color:#9babc1}.footer-grid strong{font-size:12px;color:#fff}.footer-grid a:not(.brand):hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff17;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#8092ac}
.page-hero{padding:75px 0 66px;background:radial-gradient(ellipse at 85% 0,#e2f4ff,transparent 45%),#f8fbff;border-bottom:1px solid #edf1f7}.page-hero h1{font-size:clamp(38px,4.6vw,58px);margin:17px 0 15px;letter-spacing:-2.5px}.page-hero p{max-width:720px;color:var(--muted);font-size:16px;margin:0;line-height:1.8}.back-link{display:inline-block;color:#5e7ba1;font-size:12px;font-weight:700;margin-bottom:22px}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.about-layout h2,.contact-info h2,.detail-copy h2{font-family:Manrope;font-size:32px;line-height:1.25;letter-spacing:-1px;margin:15px 0}.about-copy p{color:var(--muted);line-height:1.9;margin-top:0;margin-bottom:18px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.detail-image{border-radius:20px;overflow:hidden;background:#edf5fc;border:1px solid var(--line)}.detail-image img{width:100%;aspect-ratio:1.3;object-fit:cover}.detail-copy>p{color:var(--muted);white-space:normal;line-height:1.9}.detail-list{display:grid;grid-template-columns:120px 1fr;gap:10px 15px;border-top:1px solid var(--line);padding-top:20px;margin:25px 0}.detail-list dt{font-size:12px;color:#8997aa}.detail-list dd{margin:0;font-size:12px;font-weight:700}.article-layout{max-width:820px}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:18px;margin-bottom:35px}.article-body{font-size:16px;line-height:2;color:#42516a;overflow-wrap:anywhere}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info p{color:var(--muted);max-width:420px}.contact-email{margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.contact-email span,.contact-email a{display:block}.contact-email span{font-size:11px;color:#8492a6}.contact-email a{font-weight:700;color:var(--blue);margin-top:7px}.contact-form,.editor-form{display:flex;flex-direction:column;gap:17px}.contact-form label,.editor-form label,.login-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#42536c}.contact-form input,.contact-form textarea,.editor-form input,.editor-form textarea,.editor-form select,.login-card input{border:1px solid #dfe7f1;border-radius:9px;padding:12px 13px;outline:none;background:#fff;color:var(--ink);width:100%;font-size:13px}.contact-form input:focus,.contact-form textarea:focus,.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus,.login-card input:focus{border-color:#6ca1f7;box-shadow:0 0 0 3px #e6f0ff}.contact-form textarea,.editor-form textarea{resize:vertical}.contact-form .button{align-self:flex-start}.alert{padding:12px 14px;border-radius:9px;font-size:12px}.alert.success{background:#e8fbf3;color:#167b5e}.alert.error{background:#fff0ef;color:#b52b2b}
.admin-body{background:#f5f8fc;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:10}.admin-sidebar .brand{padding:0 7px 35px}.admin-nav{display:flex;flex-direction:column;gap:6px}.admin-nav a{padding:12px 13px;border-radius:9px;color:#61718a;font-size:13px;font-weight:600}.admin-nav a:hover,.admin-nav a.selected{background:#edf4ff;color:#246cf5}.admin-logout{margin-top:auto;padding:12px 13px;font-size:12px;color:#718199}.admin-main{margin-left:250px;padding:38px;max-width:1600px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.admin-top h1{font-family:Manrope;font-size:30px;letter-spacing:-1px;margin:9px 0 3px}.admin-top p{font-size:13px;color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat-card,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.stat-card span,.stat-card a{display:block;font-size:12px;color:#73829a}.stat-card strong{display:block;font-family:Manrope;font-size:36px;margin:8px 0}.stat-card a{color:var(--blue);font-weight:700}.admin-panel h2{font-family:Manrope;font-size:19px;margin:0 0 10px}.admin-panel>p{font-size:13px;color:var(--muted)}.admin-actions{display:flex;gap:10px;margin-top:20px}.table-wrap{padding:0;overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.admin-table th{background:#f9fbfe;color:#8492a6;font-size:10px;letter-spacing:.8px;text-transform:uppercase}.admin-table th,.admin-table td{padding:16px 18px;border-bottom:1px solid #edf1f6;vertical-align:top}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:#92a0b3;margin-top:4px;font-size:10px}.status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:800}.status-published{background:#e6fbf2;color:#16825f}.status-draft{background:#fff3dc;color:#9b6908}.table-actions{white-space:nowrap;display:flex;gap:12px}.table-actions a{color:var(--blue);font-weight:700}.table-actions form{display:inline}.link-danger{border:0;background:none;color:#d04444;cursor:pointer;font-size:12px;padding:0}.editor-form{max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .span-2{grid-column:span 2}.check-label{flex-direction:row!important;align-items:center}.check-label input{width:auto}.message-cell{min-width:220px;max-width:450px;overflow-wrap:anywhere}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 80% 20%,#e1f5ff,transparent 40%),#f7faff}.login-card{width:min(430px,100%);padding:35px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:30px}.login-card h1{font-family:Manrope;font-size:27px;margin:12px 0}.login-card>p{font-size:13px;color:var(--muted);margin-bottom:24px}.login-card form{display:flex;flex-direction:column;gap:16px}.full-width{width:100%;margin-top:6px}.login-card .back-link{margin:22px 0 0}
@media(max-width:900px){.main-nav{gap:16px}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.88);margin-inline:-20px}.hero h1{font-size:52px}.content-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.about-layout,.contact-layout{gap:35px}.admin-sidebar{width:210px}.admin-main{margin-left:210px;padding:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 34px,1160px)}.site-header{height:72px}.brand img{width:37px;height:37px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;padding:20px 24px 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #163a6810;align-items:stretch;flex-direction:column;gap:16px}.main-nav.is-open{display:flex}.language{padding-top:5px}.hero{padding-top:38px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:25px 0 0}.hero h1{font-size:clamp(41px,11vw,58px);letter-spacing:-2.5px}.hero-desc{font-size:15px}.hero-art{height:360px;transform:scale(.82);margin:-5px -30px -10px}.hero-bottom{font-size:8px;gap:10px}.hero-bottom span:nth-child(2){display:none}.section{padding:68px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:28px}.section-heading h2{font-size:33px}.service-grid,.content-grid,.news-grid{grid-template-columns:1fr}.service-card{padding:25px}.cover{height:230px}.news-image{height:220px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-inner h2{font-size:30px}.footer-grid{grid-template-columns:1fr;gap:15px}.footer-bottom{gap:10px;flex-direction:column}.page-hero{padding:55px 0}.page-hero h1{font-size:42px}.about-layout,.product-detail,.contact-layout{grid-template-columns:1fr;gap:28px}.about-layout h2,.contact-info h2{font-size:28px}.detail-copy h2{font-size:28px}.admin-sidebar{position:relative;width:auto;inset:auto;padding:15px;display:block;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar .brand{padding:0 5px 15px}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-nav a{padding:9px;font-size:11px}.admin-logout{display:inline-block;margin-top:8px;padding:8px}.admin-main{margin-left:0;padding:20px 14px}.admin-top{align-items:flex-start;flex-direction:column}.admin-top h1{font-size:25px}.stats-grid{grid-template-columns:1fr}.admin-panel{padding:16px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.admin-table th,.admin-table td{padding:12px}.table-actions{gap:9px}.login-card{padding:25px}}