:root{--bg: #08101f;--bg2: #0d1a31;--card: rgba(24, 40, 66, .62);--line: rgba(120, 160, 220, .18);--text: #eaf1ff;--muted: #8fa3c4;--green: #22e6a8;--blue: #2f7cf0;--purple: #7c2be8;--cyan: #22c8e8;--grad: linear-gradient(120deg, var(--green), var(--cyan) 45%, var(--blue) 75%, var(--purple));--radius: 22px;--font: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--cyan);color:#04101f}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1d3156;border-radius:10px}.container{width:min(1180px,92%);margin:0 auto}.section{padding:110px 0;position:relative;z-index:1}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:shine 6s linear infinite}@keyframes shine{to{background-position:200% center}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);padding:6px 14px;border:1px solid rgba(34,230,168,.3);border-radius:999px;background:#22e6a812}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.25}}.section-head{text-align:center;max-width:680px;margin:0 auto 60px}.section-head h2{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1;margin:18px 0 14px;letter-spacing:-.02em}.section-head p{color:var(--muted);font-size:1.05rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:14px;border:0;font-weight:600;font-size:1rem;transition:transform .25s,box-shadow .25s;overflow:hidden;isolation:isolate}.btn-primary{background:var(--grad);background-size:200% auto;color:#04101f;box-shadow:0 10px 30px #22c8e847}.btn-primary:hover{transform:translateY(-3px);background-position:right center;box-shadow:0 16px 40px #22c8e866}.btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);transition:left .6s;z-index:-1}.btn-primary:hover:after{left:140%}.btn-ghost{background:#ffffff0a;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 24px #22c8e838}.btn:disabled{opacity:.6;pointer-events:none}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 15% -10%,rgba(47,124,240,.22),transparent 60%),radial-gradient(800px 500px at 100% 10%,rgba(124,43,232,.18),transparent 60%),radial-gradient(700px 500px at 50% 110%,rgba(34,230,168,.1),transparent 60%)}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,200,232,.12),transparent 65%);transition:opacity .3s}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--grad);transform-origin:0 50%;z-index:200}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:var(--bg);display:grid;place-items:center}.loader-inner{text-align:center}.loader-logo{width:84px;height:84px;margin:0 auto 22px;border-radius:24px;display:grid;place-items:center;background:#22e6a814;border:1px solid rgba(34,230,168,.35);box-shadow:0 0 50px #22e6a840;animation:floaty 2.4s ease-in-out infinite}.loader-word{font-size:clamp(2rem,7vw,3.4rem);font-weight:700;letter-spacing:.22em}.loader-word span{display:inline-block}.loader-bar{width:240px;height:4px;border-radius:4px;background:#ffffff14;margin:26px auto 10px;overflow:hidden}.loader-bar i{display:block;height:100%;background:var(--grad);border-radius:4px}.loader-pct{font-family:var(--mono);color:var(--muted);font-size:.85rem}@keyframes floaty{50%{transform:translateY(-10px)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .35s}.nav.scrolled{background:#08101fc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:10px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.35rem;letter-spacing:-.01em}.logo-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#22e6a81a;border:1px solid rgba(34,230,168,.4)}.nav-links{display:flex;align-items:center;gap:6px;list-style:none}.nav-links a{padding:8px 16px;border-radius:10px;color:var(--muted);font-weight:500;transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#ffffff0f}.nav-cta{padding:10px 22px;font-size:.95rem}.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;color:var(--text);width:42px;height:42px;align-items:center;justify-content:center}.hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 90px;position:relative;overflow:hidden;z-index:1}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.hero h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.04;letter-spacing:-.03em;margin:22px 0}.hero p.lead{color:var(--muted);font-size:1.15rem;max-width:540px;margin-bottom:34px}.typed{color:var(--green);border-right:3px solid var(--green);padding-right:4px;animation:caret .8s steps(1) infinite}@keyframes caret{50%{border-color:transparent}}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:44px}.hero-badges{display:flex;flex-wrap:wrap;gap:26px}.hero-badges div{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.92rem}.hero-badges svg{color:var(--green)}.hero-visual{position:relative;perspective:1200px}.code-window{background:#0a1428d1;border:1px solid var(--line);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 80px #00000080,0 0 60px #2f7cf026;overflow:hidden;transform:rotateY(-8deg) rotateX(4deg);transition:transform .4s}.hero-visual:hover .code-window{transform:rotateY(0) rotateX(0)}.win-bar{display:flex;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}.win-bar i{width:12px;height:12px;border-radius:50%}.win-bar span{margin-left:10px;font-family:var(--mono);font-size:.78rem;color:var(--muted)}.code-body{padding:22px;font-family:var(--mono);font-size:.85rem;line-height:1.85;min-height:270px;white-space:pre-wrap}.tk-k{color:#c792ea}.tk-f{color:#82aaff}.tk-s{color:#c3e88d}.tk-c{color:#5c7299}.tk-n{color:#f78c6c}.tk-p{color:var(--cyan)}.float-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:16px;background:#0f1c34e6;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.88rem;font-weight:600;box-shadow:0 14px 40px #0006}.float-chip.a{top:-22px;right:-8px;animation:floaty 4s ease-in-out infinite}.float-chip.b{bottom:30px;left:-30px;animation:floaty 5s ease-in-out infinite .8s}.float-chip.c{bottom:-26px;right:40px;animation:floaty 4.5s ease-in-out infinite 1.4s}.chip-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px currentColor;background:currentColor}.hero-grid-floor{position:absolute;left:-10%;right:-10%;bottom:-40px;height:46%;z-index:-1;opacity:.55;pointer-events:none;background-image:linear-gradient(rgba(47,124,240,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(47,124,240,.55) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(62deg);transform-origin:bottom;mask-image:linear-gradient(to top,#000 10%,transparent 90%);-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 90%);animation:gridmove 3s linear infinite}@keyframes gridmove{to{background-position:0 60px,60px 0}}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:26px;height:42px;border:2px solid var(--line);border-radius:14px}.scroll-hint:after{content:"";position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--cyan);animation:wheel 1.8s infinite}@keyframes wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.marquee{border-block:1px solid var(--line);background:#0d1a318c;overflow:hidden;padding:22px 0;position:relative;z-index:1}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--mono);font-size:1.05rem;color:var(--muted);display:flex;align-items:center;white-space:nowrap}.marquee-track span:after{content:"✦";color:var(--cyan);margin:0 30px}@keyframes marquee{to{transform:translate(-50%)}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.s-card{--c: var(--green);position:relative;padding:38px 28px 34px;text-align:center;border-radius:var(--radius);background:var(--card);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;transition:box-shadow .35s,border-color .35s}.s-card:hover{box-shadow:0 0 40px color-mix(in srgb,var(--c) 35%,transparent);border-color:var(--c)}.s-icon{width:84px;height:84px;border-radius:50%;margin:0 auto 26px;display:grid;place-items:center;background:var(--c);color:#06101f;font-size:1.6rem;font-weight:700;font-family:var(--mono);box-shadow:0 10px 30px color-mix(in srgb,var(--c) 45%,transparent);transform:translateZ(40px)}.s-card h3{font-size:1.4rem;margin-bottom:10px;transform:translateZ(25px)}.s-card p{color:var(--muted);transform:translateZ(15px)}.s-bar{width:56px;height:5px;border-radius:5px;background:var(--c);margin:26px auto 0;transition:width .4s}.s-card:hover .s-bar{width:110px}.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;counter-reset:step}.p-step{position:relative;padding:30px 26px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);transition:.3s}.p-step:hover{transform:translateY(-8px);border-color:var(--cyan)}.p-num{font-family:var(--mono);font-size:2.4rem;font-weight:500;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}.p-step h3{margin-bottom:8px}.p-step p{color:var(--muted);font-size:.95rem}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:22px}.why{padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#22e6a812,#2f7cf00d);display:flex;gap:16px}.why-ico{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#22c8e81f;color:var(--cyan)}.why h4{margin-bottom:4px;font-size:1.08rem}.why p{color:var(--muted);font-size:.93rem}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:44px}.chip{padding:9px 20px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--muted);font-weight:500;transition:.25s}.chip:hover{color:var(--text);border-color:var(--cyan)}.chip.on{background:var(--grad);color:#04101f;border-color:transparent;font-weight:600}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.pj{border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:.35s;display:flex;flex-direction:column}.pj:hover{transform:translateY(-10px);border-color:var(--cyan);box-shadow:0 24px 60px #00000073,0 0 40px #22c8e826}.pj-img{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#12284d,#1c1346);position:relative;display:grid;place-items:center}.pj-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.pj:hover .pj-img img{transform:scale(1.08)}.pj-ph{font-family:var(--mono);font-size:3rem;color:#ffffff2e}.pj-badge{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:600;background:#08101fcc;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pj-star{position:absolute;top:14px;right:14px;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--green);color:#04101f}.pj-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}.pj-body h3{font-size:1.25rem}.pj-body p{color:var(--muted);font-size:.94rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}.tags span{font-family:var(--mono);font-size:.74rem;padding:4px 10px;border-radius:8px;background:#2f7cf024;color:#9cc0ff}.empty{text-align:center;color:var(--muted);padding:60px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#040914d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;overflow-y:auto}.modal{width:min(760px,100%);background:#0e1c36;border:1px solid var(--line);border-radius:26px;overflow:hidden;position:relative;box-shadow:0 40px 120px #0009}.modal .pj-img{aspect-ratio:16/8}.modal-body{padding:30px}.modal-body h3{font-size:1.8rem;margin:6px 0 12px}.modal-body p{color:var(--muted);margin-bottom:18px;white-space:pre-wrap}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.modal-x{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#08101fcc;color:var(--text);font-size:1.2rem}.rev-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}.rev-summary{display:flex;align-items:center;gap:22px;padding:22px 26px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);margin-bottom:22px}.rev-avg{font-size:3.4rem;font-weight:700;line-height:1}.stars{display:inline-flex;gap:3px}.stars svg{width:20px;height:20px}.rev-list{display:grid;gap:16px;max-height:620px;overflow-y:auto;padding-right:6px}.rev{padding:22px 24px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.rev-top{display:flex;align-items:center;gap:14px;margin-bottom:10px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#04101f;display:grid;place-items:center;font-weight:700;flex:none}.rev-top b{display:block}.rev-top small{color:var(--muted)}.rev p{color:#c4d2ec}.panel{padding:30px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel h3{font-size:1.4rem;margin-bottom:6px}.panel>p{color:var(--muted);margin-bottom:20px;font-size:.95rem}.field{margin-bottom:16px}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:7px;font-weight:500}.input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#060d1cb3;color:var(--text);font:inherit;outline:none;transition:.25s}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #22c8e824}textarea.input{resize:vertical;min-height:120px}select.input option{background:#0e1c36}.star-pick{display:flex;gap:6px}.star-pick button{background:none;border:0;padding:2px;transition:transform .2s}.star-pick button:hover{transform:scale(1.25) rotate(-8deg)}.star-pick svg{width:34px;height:34px}.notice{padding:12px 16px;border-radius:12px;font-size:.92rem;margin-bottom:16px}.notice.ok{background:#22e6a81f;border:1px solid rgba(34,230,168,.4);color:#8ff0cf}.notice.err{background:#ff5a6e1f;border:1px solid rgba(255,90,110,.4);color:#ff9aa8}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}.c-info{display:grid;gap:16px}.c-item{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:.3s}.c-item:hover{transform:translate(8px);border-color:var(--c, var(--cyan));box-shadow:0 0 30px color-mix(in srgb,var(--c, var(--cyan)) 25%,transparent)}.c-ico{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c, var(--cyan)) 18%,transparent);color:var(--c, var(--cyan))}.c-item small{color:var(--muted);display:block}.c-item b{font-size:1.05rem;word-break:break-all}.cta{text-align:center;padding:70px 30px;border-radius:32px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(135deg,#22e6a81f,#2f7cf024,#7c2be829)}.cta h2{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.02em;margin-bottom:14px}.cta p{color:var(--muted);max-width:560px;margin:0 auto 30px}.footer{border-top:1px solid var(--line);padding:60px 0 30px;position:relative;z-index:1;background:#060c18b3}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:40px}.foot-grid p{color:var(--muted);margin-top:14px;max-width:340px}.foot-grid h5{margin-bottom:16px;font-size:1rem}.foot-grid ul{list-style:none;display:grid;gap:10px;color:var(--muted)}.foot-grid ul a:hover{color:var(--green)}.socials{display:flex;gap:12px;margin-top:20px}.soc{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff0a;transition:.3s}.soc:hover{transform:translateY(-5px) rotate(-6deg);border-color:var(--cyan);background:#22c8e81f;color:var(--cyan)}.copy{text-align:center;color:var(--muted);font-size:.88rem;padding-top:26px;border-top:1px solid var(--line)}.wa-wrap{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.wa-fab{position:relative;width:66px;height:66px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2cf07c,#12a84f);box-shadow:0 12px 34px #25d3668c;animation:wabounce 3.2s ease-in-out infinite}.wa-fab:before,.wa-fab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(37,211,102,.7);animation:ring 2.4s ease-out infinite}.wa-fab:after{animation-delay:1.2s}.wa-fab svg{width:36px;height:36px;position:relative;z-index:1}.wa-badge{position:absolute;top:-2px;right:-2px;z-index:2;width:22px;height:22px;border-radius:50%;background:#ff3b5c;color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg)}@keyframes ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes wabounce{0%,88%,to{transform:translateY(0)}92%{transform:translateY(-12px)}96%{transform:translateY(0)}98%{transform:translateY(-5px)}}.wa-pop{width:320px;max-width:calc(100vw - 48px);border-radius:22px;overflow:hidden;background:#0e1c36;border:1px solid var(--line);box-shadow:0 26px 70px #0009;transform-origin:bottom right}.wa-head{display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(135deg,#0d8f4a,#14b85c)}.wa-av{width:46px;height:46px;border-radius:50%;background:#fff;color:#0d8f4a;display:grid;place-items:center;font-weight:700;position:relative}.wa-av:after{content:"";position:absolute;right:0;bottom:0;width:12px;height:12px;background:#2cf07c;border:2px solid #0d8f4a;border-radius:50%}.wa-head b{display:block}.wa-head small{opacity:.85}.wa-x{margin-left:auto;background:#ffffff2e;border:0;color:#fff;width:30px;height:30px;border-radius:50%}.wa-body{padding:22px 18px;background:#0a1527;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:16px 16px}.wa-msg{background:#172a4a;padding:12px 16px;border-radius:4px 16px 16px;font-size:.93rem;max-width:92%}.wa-msg small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px;text-align:right}.wa-foot{padding:16px 18px 18px;background:#0e1c36}.wa-go{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:14px;font-weight:600;background:linear-gradient(145deg,#2cf07c,#12a84f);color:#04230f;transition:.25s}.wa-go:hover{transform:translateY(-2px);box-shadow:0 10px 26px #25d36673}.wa-tip{position:absolute;right:80px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:10px 16px;border-radius:14px;background:#fff;color:#08101f;font-weight:600;font-size:.9rem;box-shadow:0 10px 30px #00000059}.wa-tip:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;background:#fff;transform:translateY(-50%) rotate(45deg)}@media (max-width: 980px){.hero-grid,.rev-layout,.contact-grid{grid-template-columns:1fr}.hero-visual{max-width:560px;margin:20px auto 0}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>:first-child{grid-column:1 / -1}}@media (max-width: 820px){.burger{display:inline-flex}.nav-links{position:fixed;top:0;right:0;height:100vh;width:min(320px,82vw);flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:30px;background:#08101ff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--line);transform:translate(100%);transition:transform .4s}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.15rem;padding:14px 18px}.nav-cta-desktop{display:none}.section{padding:80px 0}}@media (max-width: 560px){.two{grid-template-columns:1fr}.float-chip.b{left:-6px}.wa-wrap{right:14px;bottom:14px}.wa-tip{display:none}.hero-actions .btn{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.adm{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:var(--bg);position:relative;z-index:1}.adm-side{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid var(--line);background:#08101ff2;display:flex;flex-direction:column;gap:6px}.adm-side .logo{margin:0 8px 26px}.adm-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:12px;border:0;background:none;color:var(--muted);font-weight:500;font-size:.98rem;text-align:left;transition:.2s}.adm-tab:hover{background:#ffffff0d;color:var(--text)}.adm-tab.on{background:#22c8e824;color:var(--cyan)}.adm-count{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#ff3b5c;color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}.adm-side .spacer{flex:1}.adm-main{padding:34px clamp(18px,4vw,44px) 60px;min-width:0}.adm-main h1{font-size:1.8rem;margin-bottom:4px}.adm-sub{color:var(--muted);margin-bottom:28px}.adm-top{display:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:30px}.stat{padding:22px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.stat b{display:block;font-size:2.3rem;line-height:1.1}.stat span{color:var(--muted);font-size:.9rem}.box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;margin-bottom:26px}.box h3{margin-bottom:18px}.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.f-grid .full{grid-column:1 / -1}.check{display:flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:16px}.check input{width:18px;height:18px;accent-color:var(--green)}.btn-sm{padding:9px 16px;font-size:.88rem;border-radius:10px}.btn-danger{background:#ff5a6e1f;color:#ff8a9a;border:1px solid rgba(255,90,110,.4)}.btn-danger:hover{background:#ff5a6e40}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.list{display:grid;gap:14px}.item{display:flex;gap:18px;align-items:center;padding:16px;border-radius:16px;background:#060d1c8c;border:1px solid var(--line)}.item.unread{border-color:#22c8e88c;box-shadow:0 0 24px #22c8e814}.item .thumb{flex:none;width:110px;height:70px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#12284d,#1c1346);display:grid;place-items:center;color:#ffffff40;font-family:var(--mono)}.item .thumb img{width:100%;height:100%;object-fit:cover}.item .grow{flex:1;min-width:0}.item .grow b{display:block}.item .grow small{color:var(--muted)}.item .grow p{color:#c4d2ec;margin-top:6px;white-space:pre-wrap;word-break:break-word}.meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:.85rem;margin-top:4px}.meta a{color:var(--cyan)}.pill{display:inline-block;font-size:.72rem;padding:3px 10px;border-radius:999px;background:#2f7cf029;color:#9cc0ff;font-family:var(--mono)}.pill.warn{background:#ffc14729;color:#ffc247}.pill.ok{background:#22e6a826;color:var(--green)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;z-index:1}.login{width:min(430px,100%)}.login .logo{justify-content:center;margin-bottom:22px}@media (max-width: 860px){.adm{grid-template-columns:1fr}.adm-side{position:fixed;z-index:120;left:0;top:0;width:270px;transform:translate(-100%);transition:transform .3s}.adm-side.open{transform:none}.adm-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:90;background:#08101ff2}.f-grid{grid-template-columns:1fr}.item{flex-direction:column;align-items:stretch}.item .thumb{width:100%;height:150px}}