:root{--bg:#eaf6ff;--ink:#1e3265;--muted:#6477a0;--card:#fffa;--line:#fff;--a:#6a65e9;--b:#ff5bb6;--c:#31cce0;--hero:linear-gradient(135deg,#d5f9ff,#e8d7ff 55%,#ffc6e4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0;font-family:Arial,PingFang SC,sans-serif;transition:all .55s}.wrap{max-width:1120px;margin:auto;padding:0 25px}nav{justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:var(--a);text-shadow:2px 0 var(--b);font:700 21px ui-monospace,monospace;text-decoration:none}.links{gap:25px;font-size:13px;display:flex}.links a{color:var(--ink);text-decoration:none}.links a:hover{color:var(--a)}.toggle{background:var(--card);color:var(--ink);cursor:pointer;backdrop-filter:blur(12px);border:1px solid #fffa;border-radius:99px;padding:10px 14px;font:11px ui-monospace,monospace}.hero{background:var(--hero);border-radius:35px;min-height:520px;padding:78px 56px;position:relative;overflow:hidden;box-shadow:0 18px 50px #6c63c233}.hero:after{content:"☼";color:#fff8;font-size:150px;line-height:1;position:absolute;top:47px;right:55px}.hero>*{z-index:1;position:relative}.eye{color:var(--a);letter-spacing:.14em;font:11px ui-monospace,monospace}h1{letter-spacing:-.11em;margin:20px 0;font-size:clamp(4rem,9vw,8rem);line-height:.8}h1 i{color:var(--b);font-style:normal}p{max-width:490px;color:var(--muted);font-size:17px;line-height:1.8}.button{background:linear-gradient(90deg,var(--b),var(--a));color:#fff;border-radius:99px;padding:13px 18px;font-size:13px;text-decoration:none;display:inline-block}.section{padding:80px 0 0}.head{border-bottom:1px solid #bfcaf2;justify-content:space-between;align-items:end;padding-bottom:14px;display:flex}.head h2{margin:7px 0 0;font-size:42px}.grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px;display:grid}.card{border:1px solid var(--line);background:var(--card);backdrop-filter:blur(10px);border-radius:26px;min-height:230px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 10px 25px #60569b14}.card:after{content:"↗";color:var(--b);opacity:0;font-size:22px;transition:all .25s;position:absolute;top:17px;right:20px;transform:translate(-6px,6px)}.card:hover{border-color:var(--b);transform:translateY(-9px)rotate(-1deg);box-shadow:0 22px 35px #ff5bb633}.card:hover:after{opacity:1;transform:translate(0)}.card:nth-child(2):hover{transform:translateY(-9px)rotate(1deg)}.card b{color:var(--b);font:11px ui-monospace,monospace}.card h3{margin:45px 0 8px;font-size:23px}.card p{font-size:14px}.footer{color:var(--muted);justify-content:space-between;padding:42px 0;font:11px ui-monospace,monospace;display:flex}[data-theme=night]{--bg:#090012;--ink:#f5eaff;--muted:#c6add4;--card:#1a0b34cc;--line:#ff93d088;--a:#46f1ff;--b:#ff4fc3;--c:#9d78ff;--hero:radial-gradient(circle at 77% 23%,#ff56bd88 0 7%,transparent 25%),linear-gradient(135deg,#1b063d,#49136a 58%,#12174a)}[data-theme=night] .hero:after{content:"◐";color:#ff77c9aa;text-shadow:0 0 45px #ff4fc3}[data-theme=night] .hero:before{content:"";background-color:#0000;background-image:linear-gradient(#46f1ff44 1px,#0000 1px),linear-gradient(90deg,#46f1ff44 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:360px;position:absolute;bottom:-150px;left:-10%;right:-10%;transform:perspective(280px)rotateX(55deg)}[data-theme=night] .head{border-color:#72418c}[data-theme=night] .card{box-shadow:inset 0 1px #fff2,0 15px 35px #0007}[data-theme=night] .button{box-shadow:0 0 24px #ff4fc388}.page-head{padding:52px 0 7px}.page-head h1{font-size:clamp(3.5rem,8vw,6rem)}.page-head p{margin-bottom:0}.article{max-width:850px;margin:52px auto}.pill{border:1px solid var(--line);color:var(--a);background:var(--card);letter-spacing:.06em;border-radius:99px;padding:6px 10px;font:11px ui-monospace,monospace;display:inline-block}.muted{color:var(--muted)}@media (width<=700px){.links{display:none}.wrap{padding:0 18px}.hero{min-height:485px;padding:60px 28px}.hero:after{right:23px}.grid{grid-template-columns:1fr}.footer{flex-wrap:wrap;gap:10px}.card:hover,.card:nth-child(2):hover{transform:none}}