@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f3f4f6;background:#070708;font-synthesis:none;--bg:#070708;--panel:#101012;--line:rgba(255,255,255,.1);--muted:#9999a3;--accent:#b7ff4a;--accent2:#75f5d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app{position:relative;min-height:100vh;background:radial-gradient(circle at 78% 15%,rgba(183,255,74,.08),transparent 28%),radial-gradient(circle at 15% 55%,rgba(117,245,209,.045),transparent 30%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.nav{position:fixed;z-index:20;top:0;left:50%;transform:translate(-50%);width:min(1180px,92%);height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0707088c}.brand{border:0;background:none;color:#fff;font-weight:800;font-size:20px;letter-spacing:-1px}.brand span{color:var(--accent)}.navlinks{display:flex;gap:28px}.navlinks button{border:0;background:none;color:#a8a8b0;text-transform:capitalize;font-size:13px}.navlinks button:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff}.hero{min-height:820px;max-width:1180px;margin:auto;padding:170px 0 90px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow,.label{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:#a6a6ae}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #b7ff4a14}h1{font-size:clamp(54px,7vw,92px);line-height:.98;letter-spacing:-5px;max-width:800px;margin:0 0 30px}h1 span,h2 span,h3 span{color:var(--accent)}.hero-text{color:#a6a6ad;max-width:610px;font-size:18px;line-height:1.75}.actions{display:flex;gap:12px;margin-top:34px}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:700;border:1px solid var(--accent)}.primary{background:var(--accent);color:#080908}.ghost{background:transparent;color:#fff;border-color:var(--line)}.hero-orbit{position:relative;min-height:470px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(183,255,74,.17);border-radius:50%;width:360px;height:360px;transform:rotate(20deg)}.orbit-a{animation:spin 14s linear infinite}.orbit-b{width:450px;height:220px;transform:rotate(-28deg);animation:spin 18s linear reverse infinite}.code-card{position:relative;width:min(430px,100%);border:1px solid var(--line);background:#101012d9;box-shadow:0 30px 90px #00000080;border-radius:20px;overflow:hidden;z-index:2}.terminal-top{height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px;color:#777;font-family:DM Mono;font-size:10px}.terminal-top i{width:7px;height:7px;border-radius:50%;background:#444}.terminal-top span{margin-left:auto}.code-card pre{font:13px/1.8 DM Mono,monospace;color:#c9cad0;padding:22px;margin:0;overflow:auto}.marquee{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:18px 0}.marquee div{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee span{font:12px DM Mono;color:#777;margin:0 20px}.marquee b{color:var(--accent);margin-left:40px}.section{max-width:1180px;margin:auto;padding:125px 0}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:55px}.section h2,.contact h2,.about h2{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-3px;margin:14px 0}.muted{color:var(--muted);line-height:1.8}.project-card{display:grid;grid-template-columns:1.15fr .85fr;background:var(--panel);border:1px solid var(--line);border-radius:28px;overflow:hidden}.project-visual{min-height:550px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 50%,rgba(183,255,74,.11),transparent 45%),#0b0b0d}.dashboard{width:76%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#111215;box-shadow:0 35px 80px #0000008c;transform:perspective(900px) rotateY(-9deg) rotateX(3deg);animation:float 6s ease-in-out infinite}.dash-bar{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:9px DM Mono;color:#aaa}.dash-bar small{color:var(--accent)}.dash-grid{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stat{height:70px;background:#18191c;border-radius:8px;padding:12px}.mini-stat small{display:block;color:#777;font-size:8px}.mini-stat strong{font-size:18px}.chart{height:160px;grid-column:1/4;border-radius:8px;background:#151619;display:flex;align-items:end;gap:10px;padding:18px}.chart span{display:block;flex:1;background:linear-gradient(to top,var(--accent),#75f5d1);opacity:.8;border-radius:4px 4px 0 0}.chart span:nth-child(1){height:32%}.chart span:nth-child(2){height:56%}.chart span:nth-child(3){height:43%}.chart span:nth-child(4){height:78%}.chart span:nth-child(5){height:63%}.chart span:nth-child(6){height:91%}.chart span:nth-child(7){height:74%}.table-lines{grid-column:1/4;padding:8px}.table-lines i{display:block;height:7px;margin:10px 0;background:#222428;border-radius:5px}.project-info{padding:55px 48px}.project-number{font:11px DM Mono;color:var(--accent);margin-bottom:65px}.project-info h3{font-size:42px;letter-spacing:-2px;margin:12px 0}.project-info>p:not(.label){color:#999;line-height:1.75}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.chips span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#bbb;font:10px DM Mono}.project-info ul{padding:0;list-style:none;color:#aaa;font-size:13px;line-height:2.1}.project-info li span{color:var(--accent);margin-right:9px}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:700;color:#fff}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.future-card{border:1px dashed #25262a;border-radius:22px;padding:30px;background:#ffffff04;position:relative}.future-card>span{font:11px DM Mono;color:#666}.future-card svg{position:absolute;right:30px;top:28px;color:#555}.future-card h3{font-size:26px;margin:45px 0 8px}.future-card p{color:#777;line-height:1.6}.future-card em{font:10px DM Mono;color:var(--accent);font-style:normal}.dark-section{max-width:none;padding-inline:max(calc((100% - 1180px)/2),4%);background:#0c0c0e;border-block:1px solid var(--line)}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skill-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#101012}.skill-icon{width:44px;height:44px;border-radius:12px;background:#b7ff4a17;display:grid;place-items:center;color:var(--accent);margin-bottom:35px}.skill-card h3{margin:0 0 18px;font-size:18px}.skill-card span{display:block;color:#85858d;font-size:13px;margin:10px 0}.about{display:grid;grid-template-columns:120px 1fr;gap:40px}.about-number{font:12px DM Mono;color:var(--accent)}.about>div:nth-child(2){max-width:850px}.large-copy{font-size:24px;line-height:1.7;color:#d2d2d5}.contact{padding:130px 20px;background:radial-gradient(circle at 50% 20%,rgba(183,255,74,.11),transparent 40%),#0b0b0d;border-top:1px solid var(--line)}.contact-inner{max-width:800px;margin:auto;text-align:center}.contact-inner>svg{color:var(--accent)}.contact h2{font-size:clamp(48px,7vw,84px)}.contact p:not(.label){color:#999;max-width:550px;margin:0 auto 28px;line-height:1.7}.big{padding:15px 25px}.socials{display:flex;justify-content:center;gap:22px;margin-top:28px}.socials a{display:flex;align-items:center;gap:7px;color:#888;font-size:12px}.socials svg{width:16px}footer{max-width:1180px;margin:auto;padding:30px 0;display:flex;justify-content:space-between;color:#666;font:10px DM Mono}.top{position:fixed;right:25px;bottom:25px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#151518;color:#fff;z-index:15}@keyframes spin{to{transform:rotate(380deg)}}@keyframes float{50%{transform:perspective(900px) rotateY(-9deg) rotateX(3deg) translateY(-10px)}}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:140px}.hero-orbit{min-height:360px}.section-head{grid-template-columns:1fr;gap:10px}.project-card{grid-template-columns:1fr}.project-visual{min-height:400px}.skill-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-number,.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#0b0b0c;flex-direction:column;padding:25px;border-bottom:1px solid var(--line)}.menu{display:block}.nav{width:100%;padding:0 4%}footer{padding:30px 4%;flex-direction:column;gap:10px}}@media(max-width:600px){.hero{padding-inline:20px}.section{padding:90px 20px}.project-info{padding:35px 25px}.dashboard{width:88%}.future-grid,.skill-grid{grid-template-columns:1fr}.hero-orbit{min-height:330px}.orbit{width:270px;height:270px}.orbit-b{width:320px;height:170px}.code-card{width:92%}h1{letter-spacing:-3px}.actions{flex-direction:column}.actions button{width:100%}}.audit-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.audit-image{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b0d12;box-shadow:0 20px 60px #00000059;transition:transform .4s ease,box-shadow .4s ease}.audit-image:hover{transform:translateY(-8px);box-shadow:0 30px 80px #00000080}.audit-image img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.image-label{position:absolute;top:14px;left:14px;z-index:2;padding:7px 12px;border-radius:999px;background:#05070cd9;color:#b7ff4a;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audit-image{cursor:pointer}@media(max-width:800px){.audit-gallery{grid-template-columns:1fr}}.lightbox-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:40px 20px;background:#050609d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-panel{position:relative;max-width:min(1100px,92vw);max-height:88vh;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#0b0d12;box-shadow:0 40px 120px #0009}.lightbox-panel img{display:block;width:100%;height:100%;max-height:88vh;object-fit:contain}.lightbox-label{position:absolute;top:14px;left:14px;z-index:2;padding:7px 12px;border-radius:999px;background:#05070cd9;color:#b7ff4a;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#05070cd9;color:#f3f4f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close:hover{background:#05070c;color:var(--accent)}