*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#071020;
  --bg2:#101d43;
  --ink:#f5f7ff;
  --muted:#9ca8c7;
  --line:rgba(255,255,255,.13);
  --pink:#ff7db7;
  --blue:#5d7cff;
  --green:#73e0ad;
  --radius:24px;
}
html{scroll-behavior:smooth}
body{
  min-height:100vh;background:
  radial-gradient(circle at 75% 8%,rgba(73,100,255,.24),transparent 30%),
  radial-gradient(circle at 15% 45%,rgba(255,93,163,.10),transparent 28%),
  linear-gradient(145deg,#050a14,#0a1530 55%,#111d3b);
  color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.site-header{height:78px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-1px}.brand-mark{font-size:17px;transform:rotate(45deg);display:inline-block}
.nav{display:flex;gap:30px;color:#b9c2dc;font-size:13px;font-weight:600}.nav a:hover{color:#fff}
.header-button{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700;background:rgba(255,255,255,.04);transition:.25s}.header-button:hover{background:#fff;color:#081020}
.hero{max-width:1240px;margin:auto;min-height:760px;padding:80px 28px 70px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#b8c2df;display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow span{display:block;width:22px;height:2px;background:var(--pink);box-shadow:0 0 12px var(--pink)}
h1{font-size:clamp(50px,6vw,88px);line-height:.92;letter-spacing:-.065em;max-width:700px}h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,#ff8bc1,#8ea1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{max-width:520px;color:var(--muted);font-size:15px;line-height:1.7;margin:28px 0 30px}
.hero-actions{display:flex;align-items:center;gap:24px}.primary-button{padding:14px 20px;border-radius:999px;background:#fff;color:#071020;font-size:12px;font-weight:800;box-shadow:0 8px 30px rgba(255,255,255,.12);transition:.25s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,255,255,.2)}.primary-button span{margin-left:10px}.text-button{font-size:12px;color:#bac4df;font-weight:700}.text-button:hover{color:#fff}
.stats{display:flex;gap:35px;margin-top:62px}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:21px}.stats span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#7f8cab}
.hero-network{height:570px;position:relative}.orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:380px;height:380px}.orbit-two{width:520px;height:520px;border-style:dashed;opacity:.45}
.node{position:absolute;border:1px solid rgba(255,255,255,.16);background:rgba(10,18,39,.84);backdrop-filter:blur(14px);border-radius:16px;padding:13px 15px;display:flex;flex-direction:column;gap:4px;box-shadow:0 15px 40px rgba(0,0,0,.22);transition:.3s;z-index:3}.node span{font-size:11px;font-weight:900}.node small{font-size:8px;color:#8895b4}.node:hover{transform:translateY(-5px) scale(1.03);border-color:rgba(255,255,255,.4);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.node-center{left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:100px;align-items:center;justify-content:center;background:linear-gradient(145deg,#171d35,#080c17);border-radius:24px}.node-center:hover{transform:translate(-50%,-55%) scale(1.03)}.node-symbol{font-size:28px!important;letter-spacing:-2px}.node-toolkit{left:5%;top:14%;background:linear-gradient(145deg,#ff75b0,#ff9dca)}.node-belinguish{right:3%;top:15%;background:linear-gradient(145deg,#73e4ae,#b7ffd7);color:#082019}.node-danese{right:1%;bottom:16%;background:linear-gradient(145deg,#080808,#29202a)}.node-moodle{left:3%;bottom:15%;background:linear-gradient(145deg,#263b91,#18255f)}.node-lusina{left:35%;bottom:2%;background:linear-gradient(145deg,#eef5ff,#b8d6ff);color:#17233c}.node-atenas{right:36%;top:2%;background:linear-gradient(145deg,#f4f0e7,#cfc4ae);color:#302a20}
.connection{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);position:absolute;left:50%;top:50%;width:210px;transform-origin:left;z-index:1}.c1{transform:rotate(215deg)}.c2{transform:rotate(325deg)}.c3{transform:rotate(25deg)}.c4{transform:rotate(145deg)}.c5{transform:rotate(275deg);width:155px}.c6{transform:rotate(85deg);width:155px}
.section{max-width:1240px;margin:auto;padding:100px 28px}.section-heading{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:end;margin-bottom:55px}.section-heading h2{font-size:clamp(43px,5vw,70px);line-height:.95;letter-spacing:-.06em}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.7;max-width:400px}
.network-map{height:590px;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.025);position:relative;overflow:hidden}
.network-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(91,117,255,.17),transparent 38%)}
.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#080d1b;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 80px rgba(88,112,255,.18);z-index:4}.map-center b{font-size:30px;letter-spacing:-3px}.map-center span{font-size:9px;color:#71809f;margin-top:5px}
.map-card{position:absolute;width:190px;min-height:90px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(9,16,35,.88);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;gap:4px;transition:.3s;z-index:3}.map-card:hover{transform:scale(1.05);border-color:rgba(255,255,255,.45);background:rgba(18,28,57,.95)}.map-card b{font-size:15px}.map-card small{font-size:9px;color:#8592b0}.mini-label{font-size:8px;color:#7785a7;position:absolute;top:12px;right:13px}.map-a{left:8%;top:12%;border-top:2px solid #ff80ba}.map-b{right:8%;top:12%;border-top:2px solid #8cf0be}.map-c{right:5%;top:42%;border-top:2px solid #b5a4ff}.map-d{left:5%;top:45%;border-top:2px solid #607cff}.map-e{left:18%;bottom:9%;border-top:2px solid #8fc5ff}.map-f{right:19%;bottom:9%;border-top:2px solid #dfd1b9}
.line{position:absolute;left:50%;top:50%;height:1px;width:310px;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent);transform-origin:left;z-index:1}.l-a{transform:rotate(214deg)}.l-b{transform:rotate(326deg)}.l-c{transform:rotate(13deg)}.l-d{transform:rotate(166deg)}.l-e{transform:rotate(125deg)}.l-f{transform:rotate(52deg)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{min-height:540px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.035);transition:.35s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.28);box-shadow:0 25px 70px rgba(0,0,0,.25)}.browser{margin:16px 16px 0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#fff;min-height:310px;transition:.35s}.project-card:hover .browser{transform:scale(1.015)}.browser-top{height:31px;background:#151b2c;display:flex;align-items:center;padding:0 12px;gap:5px;color:#6f7b98;font-size:8px}.browser-top i{width:6px;height:6px;border-radius:50%;background:#58617a}.browser-top span{margin-left:8px;opacity:.8}.browser-body{height:279px;padding:36px;position:relative;overflow:hidden}.screen-brand{font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:45px}.browser-body h3{font-size:29px;line-height:1.02;letter-spacing:-.045em}.toolkit-screen{background:linear-gradient(145deg,#effff6,#a8efc9);color:#123426}.toolkit-screen:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#ff7cac;right:-50px;bottom:-70px;opacity:.8}.screen-pills{display:flex;gap:6px;margin-top:28px}.screen-pills span{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.7);font-size:7px}.belinguish-screen{background:linear-gradient(145deg,#fff3fa,#ff8fc0);color:#2a1120}.screen-orb{position:absolute;right:38px;bottom:30px;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ff5f9e;font-size:28px;font-weight:900;box-shadow:0 15px 30px rgba(105,0,50,.14)}.danese-screen{background:radial-gradient(circle at 75% 30%,#3c3241,#09090b 55%);color:#f7eee8}.danese-screen button{margin-top:30px;padding:9px 13px;border-radius:999px;background:transparent;color:#fff;border:1px solid #8e7a89;font-size:8px}.moodle-screen{background:linear-gradient(145deg,#d9e4ff,#718be6);color:#101b47}.course-row{margin-top:12px;padding:10px;background:rgba(255,255,255,.65);border-radius:9px;display:flex;justify-content:space-between;font-size:8px}.lusina-screen{background:linear-gradient(145deg,#f4f9ff,#b8d5ef);color:#24405f}.ribbon{position:absolute;right:45px;bottom:25px;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7395bd;font-size:35px;font-weight:800}.atenas-screen{background:linear-gradient(145deg,#f7f3eb,#d2c7b5);color:#3a332a}.room{position:absolute;right:20px;bottom:-30px;width:230px;height:155px;background:linear-gradient(145deg,#9b8b73,#e9dfce);border-radius:70px 70px 0 0;box-shadow:-50px -25px 0 rgba(255,255,255,.3)}
.project-info{padding:25px 26px 28px;display:grid;grid-template-columns:1fr auto;gap:7px 20px}.project-info>span{grid-column:1/-1;font-size:8px;letter-spacing:.14em;color:#7f8cab}.project-info h3{font-size:25px;letter-spacing:-.04em}.project-info p{grid-column:1/-1;color:#8996b3;font-size:11px;line-height:1.6;max-width:480px}.project-info b{font-size:10px;align-self:center}
.manifesto{padding-top:50px;padding-bottom:120px}.manifesto-card{border-radius:32px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(255,255,255,.065),rgba(255,255,255,.015));padding:65px;position:relative;overflow:hidden}.manifesto-card:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-230px;background:radial-gradient(circle,rgba(255,121,182,.18),transparent 65%)}.manifesto-card h2{font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-.06em;max-width:850px}.manifesto-card>p:not(.eyebrow){color:#a2aec9;max-width:650px;font-size:14px;line-height:1.8;margin:30px 0 50px}.manifesto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.manifesto-grid div{border-top:1px solid var(--line);padding-top:17px}.manifesto-grid strong{font-size:10px;color:#687796;display:block;margin-bottom:20px}.manifesto-grid span{font-size:17px;font-weight:800}.manifesto-grid p{font-size:10px;color:#7986a2;margin-top:8px}
footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:24px 28px 35px;display:flex;justify-content:space-between;color:#687590;font-size:9px;letter-spacing:.1em}footer a{color:#aeb8d0}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-network{height:470px}.orbit-one{width:300px;height:300px}.orbit-two{width:400px;height:400px}.node-lusina{left:25%;bottom:0}.node-atenas{right:20%;top:0}.section-heading{grid-template-columns:1fr}.network-map{height:650px}.map-card{width:150px}.project-grid{grid-template-columns:1fr}.manifesto-card{padding:40px 28px}.manifesto-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:560px){.site-header{padding:0 18px}.header-button{padding:9px 12px}.hero{padding:50px 18px 30px;min-height:auto}.hero-network{height:390px;margin-top:15px}.node{padding:10px 11px}.node span{font-size:9px}.node small{font-size:7px}.node-center{width:105px;height:80px}.node-symbol{font-size:22px!important}.node-toolkit{left:0}.node-belinguish{right:0}.node-danese{right:0}.node-moodle{left:0}.node-lusina{left:24%}.node-atenas{right:18%}.section{padding:75px 18px}.network-map{height:560px}.map-card{width:125px;min-height:78px;padding:12px}.map-card b{font-size:12px}.map-card small{font-size:7px}.map-a{left:3%}.map-b{right:3%}.map-c{right:2%;top:43%}.map-d{left:2%;top:43%}.map-e{left:8%;bottom:4%}.map-f{right:8%;bottom:4%}.project-card{min-height:auto}.browser-body{padding:25px;height:245px}.browser-body h3{font-size:23px}.browser{min-height:276px}.stats{margin-top:42px;gap:22px}.manifesto-card h2{font-size:39px}}
