@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:#11142c;--ink-soft:#32364d;--muted:#72778b;--paper:#fff;--soft:#f6f7fb;--line:#e9eaf1;--cyan:#00afd0;--violet:#7951ec;--violet-light:#f0edff;--radius:22px;--shadow:0 20px 60px #15183a0b;--font:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{height:82px;padding:0 max(24px,calc((100% - 1250px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--paper)}.brand img{width:192px;height:54px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600;color:var(--ink-soft)}.nav>a{transition:color .2s}.nav>a:hover,.footer-links a:hover{color:var(--violet)}.nav-contact{background:var(--ink);color:white!important;padding:11px 17px;border-radius:999px}.nav-contact span{margin-left:8px;color:#8d72ff}.theme-toggle,.menu-toggle{border:0;background:transparent;color:var(--ink);font-size:21px;cursor:pointer}.menu-toggle{display:none}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-block:72px 80px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;color:var(--violet);margin-bottom:14px}.pulse,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34c98b;vertical-align:1px;margin-right:7px;box-shadow:0 0 0 4px #34c98b18}.hero h1,.page-hero h1{font:800 clamp(42px,5.2vw,66px)/1.12 var(--display);letter-spacing:-.055em;margin:0;max-width:680px}.hero h1 em,.page-hero h1 em,.about-inner h2 em{font-style:normal;color:var(--violet)}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:570px;margin:24px 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;gap:18px;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 21px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #11142c1a}.primary{background:var(--ink);color:white}.primary span{color:#9b7cff}.secondary{background:var(--soft);color:var(--ink)}.text-link{font-size:13px;font-weight:700}.text-link span{color:var(--violet);margin-left:7px}.proof{display:flex;align-items:center;gap:13px;margin-top:48px}.avatar-stack{display:flex}.avatar-stack span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e5faff;border:2px solid white;color:#00a4c4;margin-right:-7px;font-size:13px}.avatar-stack span:nth-child(2){background:#eee9ff;color:#7752e8}.avatar-stack span:nth-child(3){background:#fce9e3;color:#d8794d}.proof p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.proof strong{color:var(--ink);font-size:12px}.hero-art{height:440px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e9e7f5;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:430px;height:300px}.orbit-two{width:490px;height:360px;transform:rotate(28deg)}.art-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#eeeaff 0%,#f7f5ff 50%,transparent 72%)}.code-card{position:relative;z-index:2;width:330px;background:white;border:1px solid #efedf5;border-radius:16px;box-shadow:0 30px 80px #2b24531b;overflow:hidden;transform:rotate(-2deg)}.code-top{height:42px;background:#f8f8fb;border-bottom:1px solid #eeedf4;display:flex;align-items:center;gap:6px;padding:0 14px}.code-top i{width:7px;height:7px;background:#ff9c95;border-radius:50%}.code-top i:nth-child(2){background:#ffd26b}.code-top i:nth-child(3){background:#6ed8ae}.code-top span{margin-left:auto;color:#999bae;font:10px monospace}.code-lines{padding:21px 20px 18px;display:grid;grid-template-columns:23px auto;gap:10px 11px;font:12px/1.4 monospace}.code-lines b{font-weight:400;color:#c6c7d1}.code-purple{color:#8758e8}.code-blue{color:#159cb2}.code-green{color:#2da97a}.code-foot{padding:12px 20px;border-top:1px solid #f0eff5;font-size:10px;color:#777b8d}.tiny-check{color:#24b47e;margin-right:7px}.live-dot{width:6px;height:6px;float:right;margin:6px 0 0}.float-card{position:absolute;z-index:3;display:flex;gap:11px;align-items:center;padding:13px 16px;background:white;border:1px solid #f0eff6;border-radius:13px;box-shadow:0 12px 35px #24204413}.float-app{left:-1px;top:74px}.float-web{right:-4px;bottom:62px}.float-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;font-size:16px}.cyan{background:#e7fbff;color:#00a8c3}.purple{background:#f0ebff;color:#7651e9}.ink{background:#eff0f5;color:var(--ink)}.float-card strong,.float-card small{display:block}.float-card strong{font-size:11px}.float-card small{font-size:9px;color:var(--muted);margin-top:2px}.art-caption{position:absolute;bottom:13px;color:#a6a8b5;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;background:#fcfcfe}.ticker>div{width:max-content;margin:auto;display:flex;gap:45px;align-items:center;color:#777b8d;font-size:10px;font-weight:700;letter-spacing:.12em}.ticker b{color:var(--violet);font-size:15px}.section{padding-block:105px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-head h2{font:750 clamp(30px,3.2vw,42px)/1.2 var(--display);letter-spacing:-.04em;margin:0}.section-head>p{max-width:285px;color:var(--muted);font-size:13px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:27px 27px 28px;border:1px solid var(--line);border-radius:var(--radius);min-height:270px;position:relative;transition:transform .2s,box-shadow .2s}.service-card:hover,.app-card:hover,.post-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-card.featured{background:#f9f7ff;border-color:#ece8ff}.service-no{position:absolute;right:24px;top:20px;color:#b8bac7;font:11px monospace}.service-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;margin-bottom:24px}.service-card h3{font:700 18px var(--display);margin:0 0 10px;letter-spacing:-.03em}.service-card p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 20px}.service-card>a{font-weight:700;font-size:11px}.service-card>a span{color:var(--violet);margin-left:5px}.about-band{background:var(--soft);padding-block:75px}.about-inner{display:grid;grid-template-columns:150px 1fr 170px;gap:35px;align-items:center}.about-mark{width:120px;height:120px;border-radius:34px;background:linear-gradient(145deg,#fff,#f3f0ff);box-shadow:0 15px 45px #18163c12;display:grid;place-items:center;position:relative}.about-mark span{font:800 63px var(--display);color:var(--ink);letter-spacing:-.1em}.about-mark i{position:absolute;right:18px;top:18px;font-style:normal;color:var(--cyan);font-size:22px}.about-inner h2{font:750 clamp(25px,3vw,38px)/1.25 var(--display);letter-spacing:-.04em;margin:0 0 16px}.about-inner p{font-size:13px;color:var(--muted);line-height:1.85;max-width:640px;margin:0 0 20px}.stat-card{border-left:1px solid #dfdfe8;padding-left:25px}.stat-card strong{display:block;font:800 34px var(--display);letter-spacing:-.05em}.stat-card strong span{font-size:18px;color:var(--violet)}.stat-card small{font-size:10px;color:var(--muted);line-height:1.45;display:block}.stat-card hr{border:0;border-top:1px solid #dfdfe8;margin:15px 0}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);transition:transform .2s,box-shadow .2s}.app-cover{height:145px;background:linear-gradient(130deg,#e5fbff,#f0ecff);display:flex;align-items:center;justify-content:space-between;padding:24px}.app-cover>span{font-size:46px;color:#03a9c9}.app-cover small{border-radius:99px;padding:7px 10px;background:#ffffffa8;color:#555a73;font-size:9px;font-weight:700}.purple-cover{background:linear-gradient(130deg,#efeaff,#dcd2ff)}.purple-cover>span{color:#7651e9}.dark-cover{background:linear-gradient(130deg,#dff6fa,#c8e8ee)}.dark-cover>span{color:#253d53}.app-body{padding:19px 21px 22px}.app-body h3{font:700 17px var(--display);margin:0 0 8px}.app-body p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 12px}.app-body>a{font-size:11px;color:var(--violet);font-weight:700;display:inline-block;margin-right:14px}.privacy-link{margin-top:7px}.blog-band{background:#f8f8fc;padding-block:90px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:23px;min-height:245px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.post-top{display:flex;justify-content:space-between;align-items:center;color:var(--violet);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.post-top span+span{font-size:16px}.post-card h3{font:700 18px/1.4 var(--display);letter-spacing:-.03em;margin:23px 0 10px}.post-card p{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 18px}.post-meta{margin-top:auto;color:#9295a4;font-size:10px}.post-meta span{margin-inline:7px;color:#c3c4cc}.cta-section{padding-block:74px}.cta-box{position:relative;overflow:hidden;border-radius:25px;background:var(--ink);color:white;min-height:270px;padding:48px 56px;display:flex;align-items:center;justify-content:space-between}.cta-box .eyebrow{color:#ad9aff}.cta-box h2{font:750 36px/1.18 var(--display);letter-spacing:-.04em;margin:0 0 10px}.cta-box p{color:#b9bbca;font-size:12px;margin:0}.light-button{background:white;color:var(--ink);position:relative;z-index:2}.light-button span{color:var(--violet)}.cta-stars{position:absolute;right:29%;top:44px;color:#9e84ff;font-size:24px;opacity:.6}.cta-stars span{font-size:13px;color:#13bfda}.cta-circle{position:absolute;width:250px;height:250px;border:1px solid #ffffff17;border-radius:50%;right:10%;bottom:-170px;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff04}.footer{border-top:1px solid var(--line);padding-top:34px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px}.footer-brand img{width:155px;height:45px;object-fit:contain;object-position:left}.footer-top>p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.footer-links{display:flex;gap:22px;font-size:11px;font-weight:600}.back-top{font-size:10px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-block:16px;display:flex;justify-content:space-between;color:#999baa;font-size:9px}.page-hero{padding-block:100px 65px}.page-hero h1{font-size:clamp(42px,5vw,62px)}.page-hero .lead{margin-bottom:0}.prose{max-width:820px;padding-top:35px}.prose h2{font:750 25px var(--display);letter-spacing:-.03em;margin:44px 0 13px}.prose p{color:var(--ink-soft);font-size:15px;line-height:1.9;margin:0 0 19px}.prose-callout{padding:23px 27px;background:var(--soft);border-left:3px solid var(--violet);border-radius:0 14px 14px 0;display:flex;gap:15px;align-items:start;margin-block:34px}.prose-callout span{color:var(--violet)}.prose-callout p{margin:0;font-size:18px;font-weight:600}.muted{color:var(--muted)!important;font-size:11px!important}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.project-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper);transition:transform .2s,box-shadow .2s}.project-visual{height:185px;background:linear-gradient(130deg,#e7faff,#f0edff);padding:25px;display:flex;justify-content:space-between;align-items:center}.project-visual>span{font-size:60px;color:#00a8c8}.project-visual small{font-size:10px;font-weight:700;padding:7px 11px;border-radius:99px;background:#ffffffa8}.visual-purple{background:linear-gradient(130deg,#f0eaff,#ddd3ff)}.visual-purple>span{color:#7651e9}.visual-cyan{background:linear-gradient(130deg,#e1f8fa,#ccebf0)}.visual-cyan>span{color:#315367}.project-content{padding:24px}.project-content h2{font:700 21px var(--display);margin:0 0 9px}.project-content p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 12px}.project-content>a{font-size:11px;color:var(--violet);font-weight:700}.app-grid-large{row-gap:20px}.privacy-link{display:block}.article{max-width:850px;padding-block:40px 100px}.back-link{color:var(--muted);font-size:12px}.article-head{text-align:center;padding:58px 0 44px;border-bottom:1px solid var(--line)}.article-head .eyebrow{margin-bottom:19px}.article-head h1{font:800 clamp(36px,5vw,58px)/1.16 var(--display);letter-spacing:-.05em;max-width:800px;margin:0 auto 20px}.article-excerpt{font-size:17px;color:var(--muted);max-width:630px;margin:0 auto 20px}.article-head .post-meta{margin-top:20px}.article-content{max-width:700px;margin:42px auto 0}.article-content p{font:17px/1.9 var(--font);color:var(--ink-soft);margin:0 0 22px}.article-content h2{font:750 27px/1.3 var(--display);letter-spacing:-.03em;margin:45px 0 17px}.article-content h3{font:700 21px var(--display);margin:34px 0 14px}.article-content blockquote{margin:30px 0;padding:20px 25px;background:var(--soft);border-left:3px solid var(--violet)}.article-content a{color:var(--violet);text-decoration:underline}.article-content ul,.article-content ol{padding-left:24px;color:var(--ink-soft)}.article-end{text-align:center;border-top:1px solid var(--line);margin-top:60px;padding-top:38px}.article-end span{color:var(--violet);font-size:23px}.article-end p{font-size:13px;color:var(--muted)}.article-end a{font-weight:700;color:var(--violet);font-size:12px}.news-list{max-width:850px}.news-item{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.news-item time{color:var(--muted);font-size:11px;padding-top:4px}.news-item h2{font:700 21px var(--display);margin:0 0 9px}.news-item p{font-size:13px;color:var(--muted);margin:0 0 10px}.news-item a{font-size:11px;color:var(--violet);font-weight:700}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:20px}.contact-note h2{font:750 32px/1.25 var(--display);letter-spacing:-.04em;margin:0 0 15px}.contact-note>p{font-size:13px;color:var(--muted);max-width:330px;line-height:1.8}.contact-detail{display:flex;gap:13px;align-items:center;margin-top:25px}.contact-detail>span{width:38px;height:38px;border-radius:12px;background:var(--violet-light);color:var(--violet);display:grid;place-items:center}.contact-detail small,.contact-detail strong{display:block}.contact-detail small{color:var(--muted);font-size:9px}.contact-detail strong{font-size:12px}.contact-form{padding:30px;background:var(--soft);border-radius:20px}.contact-form label,.login-card label,.editor-form label{display:block;font-size:11px;font-weight:700;margin-bottom:15px}.contact-form input,.contact-form textarea,.editor-form input,.editor-form textarea,.editor-form select,.login-card input{display:block;width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px 14px;border-radius:10px;margin-top:7px;outline:0;font-size:12px}.contact-form input:focus,.contact-form textarea:focus,.editor-form input:focus,.editor-form textarea:focus,.login-card input:focus{border-color:var(--violet)}.contact-form textarea,.editor-form textarea{resize:vertical}.contact-form>small{display:block;color:var(--muted);font-size:9px;margin-top:12px}.form-flash,.dash-flash{background:#eaf8f0;color:#1c8151;padding:12px 15px;border-radius:10px;font-size:12px;margin-bottom:17px}.error-flash{background:#fff0ef;color:#aa413b}.empty-post{grid-column:1/-1;border:1px dashed #dcd9ea;background:var(--paper);border-radius:17px;padding:32px;text-align:center;color:var(--muted);font-size:13px}.empty-post>span{font-size:22px;color:var(--violet)}.empty-post a{font-weight:700;color:var(--violet);font-size:11px}.notice{padding:13px 16px;background:#fff7e7;border:1px solid #f1e5c9;border-radius:10px;color:#836329;font-size:12px;margin-top:18px}.setup-note a{text-decoration:underline}.notice-strip{margin-block:25px;background:var(--soft);padding:17px 20px;border-radius:13px;font-size:12px;color:var(--muted)}.notice-strip strong{color:var(--ink);margin-right:8px}
/* Administration */
.admin-body{min-height:100vh;background:#f7f8fc;display:grid;place-items:center}.login-wrap{width:min(440px,calc(100% - 34px));text-align:center}.login-logo{width:210px;height:65px;object-fit:contain;margin-bottom:18px}.login-card{text-align:left;background:white;border:1px solid var(--line);border-radius:20px;padding:31px;box-shadow:var(--shadow)}.login-card h1{font:750 24px/1.25 var(--display);letter-spacing:-.03em;margin:0 0 8px}.login-card>p{font-size:12px;color:var(--muted);margin:0 0 23px}.login-card .button{width:100%;margin-top:5px}.login-back{display:inline-block;margin-top:18px;color:var(--muted);font-size:11px}.dashboard-body{background:#f5f6fa;min-height:100vh;display:flex}.sidebar{width:235px;background:#11142c;color:#d6d7e1;padding:23px 14px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:3}.side-brand{display:block;padding:0 10px 25px}.side-brand img{width:165px;height:44px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.sidebar>small{font-size:9px;letter-spacing:.15em;color:#73768c;padding:8px 12px 11px}.sidebar>a:not(.side-brand){padding:11px 12px;border-radius:9px;color:#bfc1cf;font-size:11px;margin-bottom:3px}.sidebar>a.selected,.sidebar>a:not(.side-brand):hover{background:#252843;color:white}.side-bottom{margin-top:auto;border-top:1px solid #292c45;padding:15px 10px 4px;display:grid;gap:12px}.side-bottom a{font-size:10px;color:#a7a9b9}.dash-main{width:calc(100% - 235px);margin-left:235px;padding:32px clamp(22px,4vw,55px) 60px;max-width:1500px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.dash-header h1{font:750 29px var(--display);letter-spacing:-.04em;margin:0}.dash-header .eyebrow{margin-bottom:6px}.admin-user{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.admin-user span{width:34px;height:34px;background:#eee9ff;color:var(--violet);display:grid;place-items:center;border-radius:50%;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.stat-grid article>span,.stat-grid article>small{display:block;color:var(--muted);font-size:10px}.stat-grid article>strong{display:block;font:800 30px var(--display);margin:8px 0 2px}.dash-card{background:white;border:1px solid var(--line);border-radius:15px;padding:23px;margin-bottom:17px}.dash-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.dash-card-head h2{font:700 16px var(--display);margin:0}.dash-card-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.range-tabs{display:flex;gap:3px;background:#f3f3f8;padding:4px;border-radius:8px}.range-tabs a{font-size:9px;color:var(--muted);padding:5px 8px;border-radius:6px}.range-tabs a.active{background:white;color:var(--ink);box-shadow:0 2px 5px #11142c0c}.bar-chart{height:160px;display:flex;align-items:end;gap:6px;border-bottom:1px solid var(--line);padding:8px 2px 0}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.bar-chart>div>span{width:min(23px,70%);min-height:4px;background:linear-gradient(180deg,#8f6dff,#ad9aff);border-radius:5px 5px 0 0}.bar-chart small{font-size:8px;color:#999baa}.bar-chart>p{font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.quick-grid a{border:1px solid var(--line);border-radius:10px;padding:12px 10px;font-size:10px;font-weight:700}.quick-grid a span{color:var(--violet);font-size:14px;margin-right:4px}.small-button{padding:10px 14px;font-size:10px}.import-form{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;display:flex;align-items:center;gap:14px}.import-form .button{font-size:10px;padding:10px 14px}.import-form small{font-size:9px;color:var(--muted)}.editor-form{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:22px;background:#fbfbfd}.editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.editor-grid .wide{grid-column:1/-1}.editor-form label{font-size:10px}.editor-form textarea{font:11px/1.6 monospace}.editor-form select{padding:10px 14px}.editor-actions{display:flex;gap:10px;margin-top:8px}.editor-actions .button,.editor-form>.button{font-size:11px;padding:11px 17px}.table-scroll{overflow-x:auto}.content-table{width:100%;border-collapse:collapse;font-size:10px}.content-table th{text-align:left;color:var(--muted);font-size:9px;font-weight:600;padding:10px;border-bottom:1px solid var(--line)}.content-table td{padding:12px 10px;border-bottom:1px solid #f0f0f5}.content-table td strong,.content-table td small{display:block}.content-table td small{color:var(--muted);font-size:9px;margin-top:3px}.status-pill{background:#f3f3f7;color:#777b8b;border-radius:99px;padding:5px 8px;font-size:9px}.status-pill.live{background:#e7f7ef;color:#238455}.row-actions{white-space:nowrap}.row-actions a,.row-actions button{border:0;background:none;color:var(--violet);font-size:9px;font-weight:700;cursor:pointer;padding:0 5px}.row-actions form{display:inline}.message-card{padding:18px 0;border-top:1px solid var(--line)}.message-card>div{display:flex;gap:13px;align-items:center}.message-card>div strong{font-size:12px}.message-card>div a,.message-card time{font-size:10px;color:var(--muted)}.message-card time{margin-left:auto}.message-card h3{font-size:12px;margin:12px 0 4px}.message-card p{font-size:12px;color:var(--ink-soft);white-space:normal}.message-card .text-link{border:0;background:none;color:var(--violet);cursor:pointer}.dash-flash{margin-bottom:18px}.dash-flash.error-flash{background:#fff0ef;color:#aa413b}
html[data-theme=dark]{--ink:#edf0fa;--ink-soft:#c8cad8;--muted:#a2a5b6;--paper:#202236;--soft:#272a40;--line:#383b52;--violet-light:#36314d;--shadow:0 20px 60px #0003}html[data-theme=dark] .topbar,html[data-theme=dark] .ticker,html[data-theme=dark] .code-card,html[data-theme=dark] .code-top,html[data-theme=dark] .float-card,html[data-theme=dark] .app-card,html[data-theme=dark] .post-card,html[data-theme=dark] .project-card{background:var(--paper)}html[data-theme=dark] .code-top{border-color:var(--line)}html[data-theme=dark] .ticker,html[data-theme=dark] .blog-band{background:#1c1e30}html[data-theme=dark] .service-card.featured{background:#29263b;border-color:#3a3554}html[data-theme=dark] .app-cover,html[data-theme=dark] .project-visual{filter:brightness(.78) saturate(.8)}html[data-theme=dark] .about-band{background:#272a40}html[data-theme=dark] .contact-form{background:#272a40}html[data-theme=dark] .contact-form input,html[data-theme=dark] .contact-form textarea,html[data-theme=dark] .editor-form input,html[data-theme=dark] .editor-form textarea,html[data-theme=dark] .editor-form select,html[data-theme=dark] .login-card input{background:#202236;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .admin-body,html[data-theme=dark] .dashboard-body{background:#181a2b}html[data-theme=dark] .dash-card,html[data-theme=dark] .stat-grid article,html[data-theme=dark] .login-card{background:#202236;border-color:var(--line)}html[data-theme=dark] .editor-form{background:#25273a;border-color:var(--line)}html[data-theme=dark] .range-tabs{background:#292b3f}html[data-theme=dark] .range-tabs a.active{background:#383a50;color:var(--ink)}html[data-theme=dark] .code-lines,html[data-theme=dark] .code-foot{color:#b3b5c5}
.brand img{width:120px;height:76px}.footer-brand img{width:100px;height:66px}.login-logo{width:135px;height:90px}.side-brand img{width:104px;height:70px;object-fit:contain;filter:none}.side-brand{padding:0 10px 12px}
@media(max-width:900px){.nav{gap:15px}.nav>a{font-size:11px}.hero{gap:15px;grid-template-columns:1fr 1fr}.hero-art{transform:scale(.9)}.about-inner{grid-template-columns:110px 1fr 130px;gap:22px}.about-mark{width:95px;height:95px}.about-mark span{font-size:50px}.contact-layout{gap:40px}.sidebar{width:205px}.dash-main{width:calc(100% - 205px);margin-left:205px;padding-inline:23px}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.wrap{width:min(100% - 34px,500px)}.topbar{height:68px;padding-inline:17px}.brand img{width:158px;height:45px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:67px;left:0;right:0;padding:15px 18px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 25px #15183a0b;align-items:stretch;flex-direction:column;gap:5px}.nav.open{display:flex}.nav>a{font-size:13px;padding:10px}.nav-contact{align-self:start;margin-top:5px}.theme-toggle{position:absolute;right:18px;bottom:20px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:60px 47px;gap:17px}.hero h1,.page-hero h1{font-size:42px}.hero .lead,.page-hero .lead{font-size:14px}.hero-art{height:340px;transform:scale(.84);transform-origin:top center;margin-bottom:-35px}.code-card{width:300px}.float-app{left:-15px;top:45px}.float-web{right:-15px;bottom:40px}.orbit-one{width:340px;height:260px}.orbit-two{width:365px;height:290px}.ticker>div{gap:24px;font-size:9px}.section{padding-block:70px}.section-head{align-items:start;gap:18px;flex-direction:column}.section-head h2{font-size:32px}.section-head>p{font-size:12px}.service-grid,.app-grid,.post-grid,.project-grid{grid-template-columns:1fr}.service-card{min-height:auto}.about-band{padding-block:55px}.about-inner{grid-template-columns:1fr;gap:20px}.about-mark{width:77px;height:77px;border-radius:22px}.about-mark span{font-size:40px}.about-mark i{right:11px;top:8px}.about-inner h2{font-size:29px}.stat-card{display:flex;gap:12px;align-items:center;border:0;border-top:1px solid #dfdfe8;padding:18px 0 0;margin-top:6px}.stat-card strong{font-size:26px}.stat-card hr{display:none}.stat-card small{margin-right:18px}.app-cover{height:125px}.blog-band{padding-block:65px}.post-card{min-height:210px}.cta-section{padding-block:45px}.cta-box{padding:32px 26px;min-height:310px;align-items:start;justify-content:center;flex-direction:column;gap:22px}.cta-box h2{font-size:31px}.cta-stars{right:25px;top:23px}.footer-top{align-items:start;flex-wrap:wrap;gap:19px}.footer-top>p{width:calc(100% - 170px)}.footer-links{order:3;width:100%;gap:20px}.back-top{margin-left:auto}.footer-bottom{font-size:8px;gap:15px}.page-hero{padding-block:67px 35px}.page-hero h1{font-size:40px}.prose{padding-top:15px}.prose h2{font-size:22px;margin-top:34px}.prose p{font-size:14px}.project-visual{height:145px}.project-content{padding:20px}.article{padding-block:25px 70px}.article-head{padding:42px 0 30px}.article-head h1{font-size:37px}.article-excerpt{font-size:14px}.article-content{margin-top:32px}.article-content p{font-size:15px;line-height:1.85}.article-content h2{font-size:23px}.news-item{grid-template-columns:1fr;gap:7px;padding:24px 0}.news-item h2{font-size:18px}.contact-layout{grid-template-columns:1fr;gap:24px;padding-top:20px}.contact-note h2{font-size:29px}.contact-form{padding:22px}.setup-note{margin-inline:17px}.sidebar{width:65px;padding-inline:7px}.side-brand{padding:0 3px 23px}.side-brand img{width:49px;height:40px;object-position:left;object-fit:cover}.sidebar>small{display:none}.sidebar>a:not(.side-brand){font-size:0;text-align:center;padding:12px 2px}.sidebar>a:not(.side-brand)::first-letter{font-size:15px}.side-bottom{padding-inline:2px}.side-bottom a{font-size:0;text-align:center}.side-bottom a::first-letter{font-size:13px}.dash-main{width:calc(100% - 65px);margin-left:65px;padding:24px 14px 40px}.dash-header{align-items:start}.dash-header h1{font-size:23px}.admin-user{font-size:0}.admin-user span{font-size:12px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-grid article{padding:13px}.stat-grid article>strong{font-size:25px}.dash-card{padding:16px}.dash-card-head{align-items:start;gap:10px;flex-direction:column}.dash-card-head h2{font-size:14px}.range-tabs{align-self:stretch;justify-content:space-between}.quick-grid{grid-template-columns:1fr 1fr}.import-form{align-items:start;flex-direction:column}.editor-grid{grid-template-columns:1fr}.editor-grid .wide{grid-column:auto}.editor-form{padding:13px}.message-card>div{flex-wrap:wrap}.message-card time{margin-left:0;width:100%}.table-scroll{margin-inline:-8px}.content-table{min-width:540px}}
.brand img{width:100px;height:64px}.sidebar .side-brand img{filter:brightness(0) invert(1)}
@media(max-width:680px){.sidebar .side-brand img{width:49px;height:40px;object-fit:cover;object-position:left}}