/* STEVOLAB-CONTACT-V1 — Prism Shift / Reveal */
:root{color-scheme:dark;--navy:#071d35;--gold:#f3c867;--ice:#edf5fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:#061426;color:var(--ice);min-height:100svh;background-image:radial-gradient(ellipse at 14% 0%,#234969 0,transparent 48%),radial-gradient(ellipse at 95% 85%,#4d3e26 0,transparent 40%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(127deg,transparent 46%,#ffffff07 46.1%,transparent 46.3%,transparent 70%,#ffffff05 70.1%,transparent 70.4%)}main{max-width:1040px;margin:auto;padding:48px 28px 26px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#a9bfd2;margin:0 0 24px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.identity{position:relative}.prism{height:335px;position:relative;isolation:isolate;border:1px solid #dbe9f333;border-radius:26px;overflow:hidden;background:linear-gradient(132deg,#fbfdff 0%,#d3e0ed 43%,#b0c2d5 43.3%,#f1f6fa 68%,#d8e4ef 100%);box-shadow:0 30px 65px #0005,inset 0 1px 0 #fff}.prism:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0c2947,#315b7b);clip-path:polygon(100% 15%,100% 100%,29% 100%)}.prism:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#a67316,#ffe8a3 70%,#b47d1c);clip-path:polygon(100% 70%,100% 100%,75% 100%)}.logo{position:absolute;left:24px;top:27px;width:65%;height:auto}.mascot{height:auto;position:absolute;z-index:2;width:49%;right:19px;bottom:12px;filter:drop-shadow(0 15px 14px #0003)}.glass{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:polygon(0 88%,85% 0,100% 0,14% 100%,0 100%);background:linear-gradient(135deg,#ffffff00,#ffffff23,#fff0);border-top:1px solid #fff9}.edition{display:flex;align-items:center;gap:10px;margin:21px 0 0;color:#b7c9db;font-size:12px;letter-spacing:.03em}.edition:before{content:"";width:27px;height:1px;background:var(--gold)}h1{font-size:clamp(28px,3.7vw,41px);line-height:1.1;letter-spacing:-.04em;margin:0 0 13px}.role{font-size:17px;color:#c5d6e5;margin:0 0 19px}.intro{font-size:14px;line-height:1.65;color:#aabdce;max-width:410px;margin:0 0 24px}.save{display:flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;background:linear-gradient(110deg,#e7b643,#ffe3a0 60%,#e1ac36);color:#122840;border:1px solid #ffdf9c;border-radius:13px;padding:16px;font-size:15px;font-weight:750;box-shadow:0 10px 30px #0002}.save svg{width:20px;height:20px}.channels{display:grid;gap:12px;margin-top:18px}.channel{position:relative;display:grid;grid-template-columns:1fr 24px;align-items:center;text-decoration:none;color:var(--ice);border:1px solid #829fb23a;border-radius:15px;padding:17px 19px;background:linear-gradient(115deg,#dcefff10,#dcefff03);overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.channel:hover{transform:translateY(-2px);border-color:#f3c86799;background:#ffffff0d}.channel strong{font-size:17px;display:block;letter-spacing:-.02em}.channel small{display:block;color:#b4c8d9;font-size:12px;margin-top:5px;line-height:1.4}.channel .url{color:#cfdeea;font-size:12px;margin-top:9px;display:block}.arrow{color:var(--gold);font-size:22px}.contact{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;align-items:center}.email{font-size:14px;color:#ebd29c;text-underline-offset:5px}.share{color:#c1d0dd;border:1px solid #c1d0dd40;background:transparent;padding:9px 13px;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.status{font-size:12px;min-height:18px;color:#c6d5e2;margin:10px 0 0}footer{border-top:1px solid #ffffff15;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.5;color:#91a8bd}a:focus-visible,button:focus-visible{outline:3px solid #f3c867;outline-offset:5px}.prism{animation:reveal .8s ease-out both}@keyframes reveal{from{transform:translateY(14px);opacity:.6}to{transform:none;opacity:1}}@media(max-width:720px){main{padding:24px 20px;max-width:460px}.eyebrow{margin-bottom:15px;font-size:10px}.layout{grid-template-columns:1fr;gap:27px}.prism{height:260px;border-radius:21px}.logo{width:61%;top:23px;left:22px}.mascot{width:45%;bottom:9px}.edition{margin-top:13px;font-size:11px}h1{font-size:31px}.role{font-size:16px;margin-bottom:12px}.intro{font-size:13px;margin-bottom:19px}footer{margin-top:20px;font-size:10px}.channel{padding:15px 17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
