:root{--navy:#07142f;--blue:#07aaf3;--cyan:#56e3ee;--orange:#ff6400;--white:#f7fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--font-geist-sans),Arial,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:84px;display:flex;align-items:center;gap:42px;padding:0 clamp(24px,6vw,96px);border-bottom:1px solid #ffffff1a;position:absolute;z-index:20;width:100%}.brand{display:flex;align-items:center;gap:11px;min-width:255px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:conic-gradient(from 210deg,var(--blue),var(--cyan),#fff,var(--orange),#ef3100,var(--blue));color:#06142f;font-weight:1000;font-size:23px;box-shadow:0 0 24px #07aaf359}.brand strong{display:block;font-size:24px;font-style:italic;line-height:.9;letter-spacing:-1.4px}.brand strong span{color:var(--orange)}.brand small{display:block;color:#85b9dd;text-transform:uppercase;font-size:8px;letter-spacing:2.3px;margin-top:6px}nav{display:flex;align-items:center;justify-content:center;gap:32px;margin:auto;color:#b7c9df;font-size:13px}nav a:hover{color:white}.header-cta{padding:12px 18px;border:1px solid #56e3ee99;border-radius:8px;color:#6ff3ff;font-size:12px;font-weight:700;white-space:nowrap}
.hero{min-height:720px;height:100vh;max-height:920px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);align-items:center;padding:112px clamp(24px,7vw,112px) 50px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 48%,#0097dc2e,transparent 37%),linear-gradient(125deg,#07142f 0%,#081a3c 55%,#051126 100%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(#56e3ee2e 1px,transparent 1px),linear-gradient(90deg,#56e3ee2e 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 45%,black)}.hero-copy{position:relative;z-index:4;max-width:690px}.eyebrow{display:flex;align-items:center;gap:10px;color:#64ddeb;text-transform:uppercase;letter-spacing:2.7px;font-size:11px;font-weight:700}.eyebrow i{width:34px;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}h1{font-size:clamp(52px,5.6vw,88px);letter-spacing:-5px;line-height:.93;margin:26px 0;font-weight:800}h1 span{color:transparent;-webkit-text-stroke:1px #28bff1;text-shadow:0 0 30px #07aaf32e}.lead{color:#a8bdd5;max-width:580px;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:14px;margin:35px 0 42px}.button{border-radius:8px;padding:15px 21px;font-size:13px;font-weight:750}.button.primary{color:#06142f;background:linear-gradient(100deg,#3ee7ef,#08a8f1);box-shadow:0 9px 35px #00acf340}.button.primary b{margin-left:20px}.button.ghost{border:1px solid #ffffff3b;color:#d8e6f5}.hero-proof{display:flex;align-items:center;gap:13px;color:#95abc4;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.hero-proof strong{color:white;font-size:27px}.hero-proof em{width:1px;height:35px;background:#ffffff2e;margin:0 10px}
.hero-visual{position:relative;z-index:3;height:540px;min-width:500px}.orbit{position:absolute;border-radius:50%;border:1px solid #3ee7ef3d;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:410px;height:410px;box-shadow:inset 0 0 70px #07aaf30f}.orbit-two{width:300px;height:300px;border-style:dashed;animation:spin 30s linear infinite}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;height:205px;border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(circle at 40% 30%,#143e67,#07162f 70%);border:1px solid #129fde;box-shadow:0 0 0 12px #0896da0d,0 0 75px #07aaf34d}.core-letter{font-size:72px;font-weight:950;font-style:italic;line-height:.8;color:#30ddeb;text-shadow:8px 4px 0 var(--orange)}.core small{margin-top:18px;color:#65eaf2;letter-spacing:2px;font-size:8px}.core b{font-size:10px;color:#89a8c6;margin-top:4px}.service-chip,.status-card{position:absolute;background:#061835d4;border:1px solid #40cef454;backdrop-filter:blur(14px);box-shadow:0 15px 35px #0000004d}.service-chip{border-radius:7px;padding:12px 15px;color:#d9f7ff;font-size:11px}.service-chip span{color:#31d7e7;margin-right:9px;font-family:var(--font-geist-mono)}.chip-1{left:2%;top:25%}.chip-2{right:0;top:37%}.chip-3{left:9%;bottom:18%}.status-card{bottom:4%;right:4%;width:265px;border-radius:10px;padding:13px;display:flex;align-items:center;gap:10px}.status-card i{width:8px;height:8px;border-radius:50%;background:#41ef9b;box-shadow:0 0 10px #41ef9b}.status-card span{display:flex;flex-direction:column}.status-card small{font-size:7px;color:#6c90b1;letter-spacing:1.4px}.status-card b{font-size:10px;margin-top:3px}.status-card strong{color:#42e9a0;font-size:14px;margin-left:auto}.trust-strip{height:58px;display:flex;align-items:center;justify-content:center;gap:34px;background:#051024;color:#5e7898;font-size:9px;letter-spacing:2.8px;border-top:1px solid #ffffff12}.trust-strip i{width:4px;height:4px;border-radius:50%;background:#0faee5}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:980px){nav{display:none}.site-header{justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:130px;height:auto;max-height:none}.hero-visual{min-width:0;height:470px}.hero-copy{padding-top:55px}.header-cta{display:none}}@media(max-width:600px){.site-header{height:72px;padding:0 20px}.hero{padding:105px 20px 40px}.hero-copy{padding-top:20px}h1{font-size:50px;letter-spacing:-3px}.lead{font-size:15px}.hero-actions{flex-direction:column}.hero-visual{height:410px;transform:scale(.84);margin:-15px -35px}.trust-strip{gap:13px;overflow:hidden;justify-content:flex-start;padding-left:20px}.trust-strip span:nth-of-type(n+4),.trust-strip i:nth-of-type(n+4){display:none}.hero-proof{gap:8px}.brand{min-width:0}}

.section{padding:110px clamp(24px,7vw,112px)}.section-kicker{color:#34d8e6;font-size:10px;letter-spacing:2.4px;font-weight:700;margin-bottom:25px}.section h2{font-size:clamp(38px,4.2vw,64px);line-height:1.04;letter-spacing:-3px;margin:0}.section h2 span{color:#39cfec}.about{background:#f4f8fc;color:#08162f}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.about-copy{color:#53657a;font-size:16px;line-height:1.85}.about-copy p:first-child{font-size:20px;color:#172a45;margin-top:6px}.about-copy strong{color:#07162f}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pill-row span{border:1px solid #c6d5e4;border-radius:30px;padding:9px 13px;color:#193755;font-size:10px;text-transform:uppercase;letter-spacing:1px}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfdae6;margin-top:75px;border:1px solid #cfdae6}.vision-grid article{background:#fff;padding:34px}.vision-grid small{color:#079fd7;letter-spacing:2px;font-size:9px}.vision-grid h3{font-size:22px;line-height:1.25;margin:18px 0 12px}.vision-grid p{color:#6b7d90;line-height:1.65;font-size:13px;margin:0}
.solutions{background:#07142f}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end;margin-bottom:60px}.section-heading>p{color:#8da5c0;line-height:1.7;font-size:15px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f}.solution-grid article{position:relative;padding:34px;min-height:300px;border-right:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;transition:.25s}.solution-grid article:hover{background:#0b2147;transform:translateY(-3px)}.solution-grid article>span{position:absolute;right:25px;top:22px;color:#4c6b8c;font-family:var(--font-geist-mono);font-size:10px}.solution-icon{width:42px;height:42px;border:1px solid #22bfef66;border-radius:8px;display:grid;place-items:center;color:#41e0eb;font-family:var(--font-geist-mono);font-size:11px;background:#0c3152}.solution-grid h3{font-size:20px;margin:29px 0 12px}.solution-grid p{color:#8199b4;line-height:1.65;font-size:13px;min-height:65px}.solution-grid a{display:inline-block;margin-top:18px;color:#42dfea;font-size:11px;font-weight:700}
.portfolio{background:#061127}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{background:#0a1d3d;border:1px solid #ffffff17;padding:13px 13px 24px}.project-art{height:260px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#0b294b,#081427)}.project-art:before,.project-art:after{content:'';position:absolute;border:1px solid #35cce966;border-radius:50%;width:190px;height:190px}.project-art:after{width:290px;height:290px;border-style:dashed;opacity:.35}.project-art span{font-size:80px;color:#3bdded;font-weight:900;font-style:italic;text-shadow:9px 5px 0 #ff6400;z-index:2}.project-art i{position:absolute;width:160%;height:1px;background:#27bce3;transform:rotate(-25deg);box-shadow:0 0 24px #1fc7f0}.project-art b{position:absolute;bottom:15px;left:15px;font-size:9px;color:#79dcea;letter-spacing:2px}.project-2 .project-art{background:linear-gradient(145deg,#18365d,#071326)}.project-3 .project-art{background:linear-gradient(145deg,#102340,#071121)}.project small{display:block;color:#32cede;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin:22px 5px 8px}.project h3{margin:0 5px;font-size:19px}.project p{margin:7px 5px 0;color:#758ba6;font-size:12px}.portfolio-note{text-align:center;color:#667d99;font-size:11px;margin:25px 0 0}
.programs{background:#f1f6fb;color:#08162f}.program-panel{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;background:#fff;border:1px solid #d9e4ee;padding:clamp(35px,6vw,80px);box-shadow:0 30px 80px #0b2d4d12}.program-panel p{max-width:650px;color:#5f7388;line-height:1.75;font-size:15px;margin:24px 0 34px}.program-panel .primary{display:inline-block}.vault{width:300px;height:300px;border-radius:50%;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #0aaad266;box-shadow:0 0 0 20px #06afd408,0 0 0 40px #06afd405;background:radial-gradient(circle at 38% 30%,#163e67,#07162f 70%);color:white}.vault-lock{font-size:75px;line-height:1;color:#2ed9e6;font-weight:900;font-style:italic;text-shadow:8px 4px 0 #ff6400}.vault span{margin-top:22px;font-size:9px;letter-spacing:2px;color:#44d9e5}.vault small{color:#7896b5;margin-top:6px}
.contact{background:#07142f}.contact-card{background:radial-gradient(circle at 80% 40%,#087caf3d,transparent 35%),linear-gradient(125deg,#0a2348,#07142f);border:1px solid #26bfe94d;padding:clamp(35px,6vw,75px);display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:center}.contact-card>div>p{color:#91a8c2;line-height:1.7;max-width:550px}.contact-actions{display:grid;gap:14px}.contact-actions>div,.whatsapp{border:1px solid #ffffff24;padding:20px 24px}.whatsapp{display:flex;flex-direction:column;background:#0b2d53}.contact-actions small{font-size:8px;letter-spacing:1.8px;color:#5adbe7}.whatsapp strong{font-size:24px;margin:8px 0}.whatsapp span{font-size:13px;color:#b8cce2}.contact-actions>div p{color:#b6c8da;line-height:1.7;margin:8px 0 0;font-size:13px}footer{display:flex;align-items:center;gap:40px;padding:40px clamp(24px,7vw,112px);background:#040c1b;border-top:1px solid #ffffff12}footer p{font-size:10px;color:#526b88;margin:auto}footer>div{display:flex;gap:22px;font-size:10px;color:#8295ad}
@media(max-width:900px){.about-grid,.section-heading,.program-panel,.contact-card{grid-template-columns:1fr}.vision-grid,.solution-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}.project-art{height:320px}.vault{width:240px;height:240px}.contact-card{gap:35px}footer{flex-direction:column;text-align:center}footer p{margin:0}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:600px){.section h2{font-size:39px;letter-spacing:-2px}.about-grid{gap:25px}.vision-grid,.solution-grid{grid-template-columns:1fr}.vision-grid{margin-top:45px}.section-heading{gap:22px;margin-bottom:38px}.solution-grid article{min-height:260px}.project-art{height:245px}.program-panel{padding:30px 22px}.vault{width:210px;height:210px}.contact-card{padding:30px 22px}footer>div{flex-wrap:wrap;justify-content:center}}

.portal-page{min-height:100vh;background:#07142f;display:grid;grid-template-columns:250px 1fr}.portal-sidebar{position:sticky;top:0;height:100vh;padding:32px 26px;background:#040d1e;border-right:1px solid #ffffff14;display:flex;flex-direction:column}.portal-sidebar .brand{min-width:0}.portal-nav{display:flex;flex-direction:column;gap:7px;margin:70px 0 0}.portal-nav a{padding:13px 15px;border-radius:7px;color:#7890aa}.portal-nav a.active{color:#50ddea;background:#0b284a;border:1px solid #22bfe84d}.portal-back{margin-top:auto;color:#7187a1;font-size:11px}.portal-main{padding:35px clamp(25px,5vw,70px) 70px}.portal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.portal-header h1{font-size:27px;letter-spacing:-1px;margin:5px 0}.portal-header>div>small,.portal-title small{color:#40d9e5;font-size:8px;letter-spacing:2px}.user-chip{display:flex;align-items:center;gap:10px;background:#0b1e3c;border:1px solid #ffffff1c;padding:8px 12px;border-radius:9px}.user-chip>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#26dce8,#079adb);color:#051228;font-weight:900}.user-chip div{display:flex;flex-direction:column}.user-chip strong{font-size:10px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.user-chip small{font-size:8px;color:#7189a5;max-width:180px;overflow:hidden;text-overflow:ellipsis}.user-chip a{margin-left:13px;color:#52d9e7;font-size:9px}.portal-welcome{display:grid;grid-template-columns:1fr 220px;align-items:center;min-height:290px;padding:45px 55px;background:radial-gradient(circle at 85% 50%,#0aa7d33d,transparent 28%),linear-gradient(120deg,#0b2b53,#08172f);border:1px solid #2ac5e54a}.portal-welcome small{color:#4fdde8;letter-spacing:2px;font-size:8px}.portal-welcome h2{font-size:39px;line-height:1.04;letter-spacing:-2px;margin:14px 0}.portal-welcome p{color:#8ca4be;font-size:13px;line-height:1.7;max-width:590px}.portal-shield{justify-self:center;width:135px;height:135px;border-radius:50%;display:grid;place-items:center;border:1px solid #42d7eb;background:#07162f;color:#38dae8;font-size:55px;font-weight:900;font-style:italic;text-shadow:7px 3px 0 #ff6400;box-shadow:0 0 0 12px #2bd0e20d,0 0 55px #19b5e33d}.portal-title{display:flex;justify-content:space-between;align-items:end;margin:55px 0 20px}.portal-title h2{margin:6px 0 0;font-size:25px}.portal-title>span{color:#69819d;font-size:10px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-grid article{position:relative;padding:24px;background:#0a1c38;border:1px solid #ffffff17}.collection-grid article>span{position:absolute;right:18px;color:#4d6a89;font:9px var(--font-geist-mono)}.folder{width:38px;height:38px;border-radius:6px;background:#0c3457;border:1px solid #2bc7e354;display:grid;place-items:center;color:#35dbe7;font-weight:900}.collection-grid h3{font-size:15px;margin:22px 0 9px}.collection-grid p{color:#758da8;font-size:11px;line-height:1.6;min-height:53px}.collection-grid small{color:#4ed8e5;font-size:8px;letter-spacing:1px}.empty-notice{margin-top:18px;padding:22px 25px;border:1px dashed #2dc4e14a;display:flex;align-items:center;gap:18px;background:#071a34}.empty-notice strong{font-size:12px}.empty-notice p{color:#6f88a4;font-size:10px;margin:0 auto 0 0}.empty-notice a{color:#47dae6;font-size:10px}@media(max-width:1000px){.portal-page{grid-template-columns:1fr}.portal-sidebar{position:static;height:auto;flex-direction:row;align-items:center}.portal-sidebar .portal-nav{display:none}.portal-back{margin-left:auto}.collection-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.portal-main{padding:25px 18px 50px}.portal-header{align-items:flex-start}.user-chip div{display:none}.portal-welcome{grid-template-columns:1fr;padding:30px 24px}.portal-welcome h2{font-size:32px}.portal-shield{margin-top:28px;width:105px;height:105px}.collection-grid{grid-template-columns:1fr}.portal-title>span{display:none}.empty-notice{flex-direction:column;align-items:flex-start}.portal-sidebar{padding:20px}.portal-back{font-size:0}.portal-back:after{content:'← Site';font-size:11px}}
