.social-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-icon svg.filled-icon{fill:currentColor;stroke:none}.social-icon .icon-dot{fill:currentColor;stroke:none}
:root{--bg:#f3f6f5;--surface:#fff;--surface-2:#e8eeec;--text:#101b25;--muted:#607078;--line:#ced9d6;--accent:#00b8df;--lime:#b9ed10;--nav:rgba(243,246,245,.78);--shadow:0 24px 70px rgba(20,45,52,.12)}
:root[data-theme="dark"]{--bg:#07111d;--surface:#0c1927;--surface-2:#101f2e;--text:#edf6f5;--muted:#8799a4;--line:#203345;--accent:#14c9ef;--lime:#c7f43d;--nav:rgba(7,17,29,.78);--shadow:0 25px 80px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:15;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.navbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.05em}.brand img{object-fit:contain}.brand span span{color:var(--accent)}.nav-links{display:flex;gap:34px}.nav-links a{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.moon{display:none}:root[data-theme="dark"] .sun{display:none}:root[data-theme="dark"] .moon{display:block}.menu-toggle{display:none}.menu-toggle span{display:block;width:17px;height:1.5px;background:currentColor;margin:2.5px}.hero{min-height:730px;padding-top:150px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.eyebrow,.kicker{font:500 11px DM Mono,monospace;letter-spacing:.16em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:31px;height:1px;background:var(--lime)}.hero h1{font-size:clamp(57px,7vw,92px);line-height:.94;letter-spacing:-.065em;margin:25px 0 28px}.hero h1 em,.contact h2 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:570px;font-size:17px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:35px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--line);border-radius:5px;text-decoration:none;color:var(--text);font-size:13px;font-weight:800;transition:.25s}.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button.primary:hover{background:var(--accent);border-color:var(--accent);color:#041018;transform:translateY(-2px)}.button.ghost:hover{border-color:var(--accent)}.status{margin-top:35px;color:var(--muted);font:400 11px DM Mono,monospace}.status i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime)}
.hero-visual{position:relative;height:490px;display:grid;place-items:center}.logo-stage{position:relative;width:330px;height:330px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;box-shadow:var(--shadow)}.logo-stage img{width:270px;position:relative;z-index:2}.stage-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--accent);filter:blur(80px);opacity:.18}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-one{width:410px;height:410px}.orbit-two{width:485px;height:485px;border-style:dashed;animation:spin 30s linear infinite}.code-chip{position:absolute;padding:10px 13px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font:500 11px DM Mono;color:var(--accent)}.chip-one{left:0;top:108px}.chip-two{right:-15px;bottom:90px;color:var(--lime)}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:120px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-heading h2,.about h2,.project-card h2{font-size:clamp(38px,5vw,61px);line-height:1.06;letter-spacing:-.055em;margin:14px 0 0}.section-heading h2 span,.about h2 span{color:var(--accent)}.section-heading p{color:var(--muted);font-size:13px}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.social-card{min-width:0;min-height:112px;padding:22px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:18px;color:var(--text);text-align:left;text-decoration:none;background:transparent;border:0;border-bottom:1px solid var(--line);font:inherit;cursor:pointer;transition:.25s}.social-card:nth-child(odd){border-right:1px solid var(--line)}.social-card:hover{background:var(--surface);padding-left:29px}.social-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);font-weight:800;font-size:22px}.social-card small{display:block;color:var(--muted);font:500 9px DM Mono;letter-spacing:.15em;margin-bottom:7px}.social-card strong{font-size:15px}.social-card>b{font-size:20px;font-weight:400;color:var(--muted)}.instagram:hover .social-icon{color:#e84a78}.telegram:hover .social-icon,.linkedin:hover .social-icon{color:#1da1e5}.email:hover .social-icon,.discord:hover .social-icon{color:#7b6df3}.about{display:grid;grid-template-columns:1fr 2.15fr;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-number{font-size:clamp(100px,17vw,210px);line-height:.8;font-weight:800;letter-spacing:-.09em;color:var(--surface-2)}.about-copy{max-width:780px}.about h2{margin-top:20px}.about p,.project-card p{color:var(--muted);line-height:1.8;max-width:650px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags span{padding:9px 13px;border:1px solid var(--line);border-radius:30px;font:500 10px DM Mono;color:var(--muted)}
.project-card{padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.text-link{display:inline-flex;gap:12px;margin-top:20px;padding-bottom:5px;border-bottom:1px solid var(--accent);color:var(--text);font-size:13px;font-weight:800;text-decoration:none}.terminal{background:#07111d;border:1px solid #25394b;box-shadow:16px 16px 0 var(--surface-2);color:#dae6e8;overflow:hidden}.terminal-bar{height:43px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#101f2e;border-bottom:1px solid #25394b}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b6b}.terminal-bar i:nth-child(2){background:#ffd56a}.terminal-bar i:nth-child(3){background:#8ce573}.terminal-bar span{margin-left:8px;color:#718693;font:10px DM Mono}.terminal pre{min-height:230px;padding:35px;margin:0;font:12px/1.9 DM Mono,monospace}.cyan{color:#14c9ef}.green{color:#c7f43d}.muted{color:#657986}.cursor{display:inline-block;width:7px;height:14px;background:var(--accent);vertical-align:-2px;margin-left:3px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.contact{padding:145px 0;text-align:center;border-top:1px solid var(--line)}.contact h2{font-size:clamp(50px,8vw,92px);line-height:.98;letter-spacing:-.065em;margin:22px 0 45px}.footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.footer p,.footer>a:last-child{color:var(--muted);font:500 10px DM Mono;text-decoration:none}.toast{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%,30px);opacity:0;padding:12px 18px;background:var(--text);color:var(--bg);border-radius:4px;font:500 11px DM Mono;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.container{width:min(100% - 32px,700px)}.nav-links{position:absolute;top:76px;left:16px;right:16px;padding:20px;background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:0;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.nav-links.open{opacity:1;pointer-events:auto;transform:none}.nav-links a{padding:14px}.menu-toggle{display:block}.hero{padding-top:125px;grid-template-columns:1fr;min-height:auto}.hero-visual{height:430px}.logo-stage{width:270px;height:270px}.logo-stage img{width:225px}.orbit-one{width:335px;height:335px}.orbit-two{width:395px;height:395px}.chip-one{left:4%}.chip-two{right:0}.section{padding:85px 0}.about{grid-template-columns:1fr}.about-number{display:none}.project-card{padding:38px;grid-template-columns:1fr}.footer{padding:30px 0;gap:20px;flex-wrap:wrap}.footer p{order:3;width:100%}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.hero{gap:18px}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:365px}.logo-stage{width:220px;height:220px}.logo-stage img{width:185px}.orbit-one{width:275px;height:275px}.orbit-two{width:330px;height:330px}.code-chip{font-size:9px}.section-heading{align-items:start;flex-direction:column;gap:10px}.social-grid{grid-template-columns:1fr}.social-card:nth-child(odd){border-right:0}.social-card{padding-inline:10px;grid-template-columns:46px 1fr auto}.social-icon{width:42px;height:42px}.social-card strong{font-size:13px}.project-card{padding:28px 20px}.terminal{box-shadow:8px 8px 0 var(--surface-2)}.terminal pre{padding:25px 18px;font-size:10px}.contact{padding:100px 0}.footer .brand{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-two,.cursor{animation:none}.reveal{opacity:1;transform:none;transition:none}}