:root{--bg:#050d18;--bg-strong:#071827;--card:rgba(10,20,31,.88);--card-soft:rgba(13,23,36,.72);--card-strong:rgba(6,12,22,.96);--border:rgba(116,184,255,.18);--border-strong:rgba(52,211,153,.35);--accent-blue:#5ec8ff;--accent-green:#46e6a8;--accent-orange:#ffb84d;--accent-red:#ff7d7d;--text:#eaf5ff;--muted:#9bb7d3;--shadow:0 20px 50px rgba(2,6,17,.42)}#root,body,html{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(circle at top left,rgba(94,200,255,.18),transparent 32%),radial-gradient(circle at top right,rgba(70,230,168,.14),transparent 30%),linear-gradient(180deg,#050d18,#071827);color:var(--text)}*{box-sizing:border-box}img{max-width:100%;display:block}a{color:var(--accent-blue);text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,3.7rem);color:var(--text)}h1,h2{margin-bottom:10px}h2{font-size:clamp(1.3rem,3vw,2rem)}h3{font-size:1.1rem;margin-bottom:8px}p{color:var(--muted);line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:24px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:18px;background:rgba(5,13,24,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.04);box-shadow:0 16px 30px rgba(0,0,0,.1)}.header,.nav{display:flex;align-items:center}.nav{gap:12px;flex-wrap:wrap}.nav a{color:var(--muted);font-weight:600;padding:8px 12px;border-radius:999px;transition:all .2s ease}.nav a:hover{background:rgba(94,200,255,.08);color:var(--accent-blue)}.hero{padding:48px 0 28px;display:flex;gap:28px;align-items:center}.hero .left{flex:1 1}.hero .right{width:360px}.card{background:linear-gradient(180deg,rgba(11,19,32,.96),rgba(7,16,28,.84));border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.mini-card,.s-item{padding:18px;background:linear-gradient(180deg,rgba(13,22,34,.9),rgba(9,16,27,.8));border:1px solid hsla(0,0%,100%,.04);border-radius:14px}.live,.memes,.news{margin-top:20px}.featured{margin-top:12px}.card img,.carousel img{border-radius:12px;display:block}.carousel button{outline:0}.carousel .dots button{width:10px;height:10px;border-radius:50%}.sdlc{padding:18px}.sdlc-grid{margin-top:12px}.sdlc-item{background:linear-gradient(180deg,rgba(16,25,38,.96),rgba(8,15,25,.8));border:1px solid hsla(0,0%,100%,.04)}.sdlc-item .sdlc-icon{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.02);transition:transform .18s ease}.sdlc-item:hover .sdlc-icon{transform:translateY(-3px)}.sdlc-expanded{margin-top:12px}.sdlc-expanded .card{padding:12px}.footer{margin-top:40px;text-align:center;color:var(--muted);padding:24px}button,input,textarea{border-radius:12px;border:1px solid hsla(0,0%,100%,.08);padding:10px 12px;background:rgba(10,20,31,.75);color:var(--text);font:inherit}button{cursor:pointer;background:linear-gradient(180deg,rgba(94,200,255,.12),rgba(94,200,255,.04));border:1px solid rgba(94,200,255,.35);color:var(--text);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(94,200,255,.15)}textarea{width:100%;min-height:120px;resize:vertical;background:rgba(6,12,22,.8)}.control-row,.demo-actions,.page-header,.section-title-row,.snake-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.soft-button{background:rgba(70,230,168,.1);border-color:rgba(70,230,168,.35)}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--accent-green);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.subtle-copy{color:var(--muted)}.subtle-copy.small{font-size:.92rem}.anchor-page{display:flex;flex-direction:column;gap:22px;padding:20px 0 40px}.game-panel,.utility-panel{padding:20px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.mini-card h3{margin-top:12px}.chip{display:inline-block;border-radius:999px;padding:4px 8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.chip-blue{background:rgba(94,200,255,.12);color:var(--accent-blue)}.text-demo{margin-top:26px}.demo-actions{justify-content:flex-start;margin-top:12px}.game-panel{overflow:hidden}.snake-name{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,184,77,.35);color:var(--accent-orange);background:rgba(255,184,77,.08);font-size:.8rem;letter-spacing:.12em;font-weight:800}.snake-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);grid-gap:18px;gap:18px;margin-top:18px}.snake-board-shell{padding:14px;border-radius:18px;border:1px solid rgba(255,184,77,.28);background:linear-gradient(180deg,rgba(8,17,28,.95),rgba(9,12,18,.8))}.snake-board{display:grid;grid-gap:4px;gap:4px;width:100%;aspect-ratio:1;padding:6px;border-radius:16px;background:rgba(2,10,18,.9);border:1px solid hsla(0,0%,100%,.04)}.snake-cell{width:100%;height:100%;min-height:18px;border-radius:7px;border:1px solid hsla(0,0%,100%,.03);background:hsla(0,0%,100%,.02)}.snake-head{background:linear-gradient(135deg,#fff,#fbbf24 55%,#f59e0b);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.45),0 0 12px rgba(255,184,77,.3)}.snake-body{background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(31,97%,72%,.8))}.snake-egg{background:linear-gradient(135deg,#fde68a,#fbbf24);border-color:rgba(255,184,77,.8);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4),0 0 12px rgba(251,191,36,.35)}.snake-panel{display:flex;flex-direction:column;gap:12px}.score-box{padding:14px 16px;border-radius:14px;background:rgba(10,20,31,.9);border:1px solid hsla(0,0%,100%,.04)}.score-box span,.status-box{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.score-box strong{display:block;margin-top:6px;font-size:1.6rem;color:var(--text)}.task-box strong{font-size:1rem;line-height:1.4}.status-box{padding:12px 14px;border-radius:14px;border:1px solid rgba(70,230,168,.32);background:rgba(70,230,168,.08);color:var(--accent-green);font-weight:700}.status-box.alert{border-color:hsla(0,100%,75%,.35);background:hsla(0,100%,75%,.08);color:var(--accent-red)}.control-pad{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0 4px}.control-pad button{width:52px;height:52px;border-radius:14px;font-size:1.2rem}.square-button{width:52px;height:52px;border-radius:10px;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center}.control-row{display:flex;justify-content:center;gap:8px}.keyboard-hint{margin-top:6px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;max-width:260px;line-height:1.5}@media (max-width:720px){.hero{flex-direction:column}.hero .right{width:100%}.snake-layout{grid-template-columns:1fr}.container{padding:18px}}