*{box-sizing:border-box} :root{color-scheme:dark;--bg:#080a10;--panel:#101520;--line:rgba(214,225,255,.13);--text:#f2f5fc;--muted:#9ba6b9;--violet:#a78bfa;--cyan:#65e8f2;--green:#86efac;--mono:'DM Mono',monospace;--sans:'Manrope',system-ui,sans-serif}body{margin:0;background:radial-gradient(ellipse at 80% 0,rgba(124,58,237,.17),transparent 34rem),var(--bg);color:var(--text);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px max(22px,calc((100vw - 1120px)/2));background:#080a10eF;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px}.brand>span:last-child{display:grid;line-height:1.3}.brand b{font-size:14px}.brand small{font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.logo{display:grid;place-items:center;width:40px;height:40px;border:1px solid #a78bfa88;border-radius:10px;font-weight:800}.logo span,h1 em{color:var(--violet)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:12px;color:var(--muted)}nav a:hover,footer a:hover{color:var(--cyan)}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.hero{padding:72px 0 35px}.eyebrow,.heading>span{color:var(--violet);font:11px var(--mono);letter-spacing:.12em}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.05;letter-spacing:-.06em;margin:15px 0}.hero p:not(.eyebrow){max-width:720px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chips span{border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:#c7cce0;font:10px var(--mono)}.panel{padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#111722,#0d111a);margin:16px 0;min-width:0}.heading{margin-bottom:22px}.heading h2{font-size:clamp(22px,3vw,30px);margin:7px 0}.heading p,.hint{font-size:12px;color:var(--muted);margin:0}.formgrid,.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid2{align-items:stretch;gap:16px}.grid2>.panel{margin:0}label{display:grid;gap:7px;margin:12px 0;color:#c9d1e2;font-size:12px;font-weight:700}input,select{width:100%;min-height:43px;border:1px solid #343e52;border-radius:9px;padding:10px 12px;background:#090d15;color:var(--text);font:13px var(--mono);outline:none}input:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #a78bfa20}.btn{border:0;border-radius:9px;padding:12px 16px;background:var(--violet);color:#0a0910;font-weight:800;font-size:12px;cursor:pointer;margin:12px 0}.btn:hover{filter:brightness(1.1)}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin-top:15px}.result{padding:12px;border:1px solid var(--line);border-radius:9px;background:#151b28;min-width:0}.result small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.result b{display:block;overflow-wrap:anywhere;font:12px var(--mono);color:var(--cyan)}.output{margin:13px 0;padding:14px;border:1px solid #a78bfa44;border-radius:9px;background:#a78bfa0c;color:var(--cyan);font:13px var(--mono);overflow-wrap:anywhere}.error{color:#fca5a5;font-size:12px;min-height:0}.hint{margin-top:8px}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0;margin-top:40px;color:var(--muted);font-size:11px}footer a{color:var(--text)}[hidden]{display:none!important}@media(max-width:720px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:12px}.hero{padding-top:48px}.formgrid,.grid2{grid-template-columns:1fr}.wrap{width:calc(100% - 28px)}}
/* Bouton de redirection vers le calculateur IPv4 officiel de SK Hébergement */
.ip-redirect .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.ip-redirect .btn:hover{transform:translateY(-2px)}