:root { --bg:#070b14; --bg2:#0b1120; --card:#0e1625; --line:rgba(179,200,238,.13); --white:#f3f6fd; --muted:#a1b0c7; --blue:#2d7dff; --blue-soft:#75a8ff; --shell:1160px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} .shell{width:min(var(--shell),calc(100% - 48px));margin:auto}.navbar{height:62px;position:sticky;top:0;z-index:20;background:rgba(7,11,20,.83);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.nav-inner{height:100%;display:flex;align-items:center;gap:32px}.logo{font-family:Kalam,cursive;font-size:1.32rem;font-weight:700;line-height:1;transform:translateY(-2px);white-space:nowrap}.nav-links{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:.83rem;color:#b7c4d8}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--white)}.language-switch{border:0;background:none;color:#8696b0;display:flex;gap:6px;padding:8px 0;cursor:pointer;font:600 .78rem inherit}.language-switch .active{color:var(--white)}.language-switch i{font-style:normal;color:#41516b}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding:105px 0 82px;text-align:center;border-bottom:1px solid var(--line)}.hero-glow{position:absolute;width:700px;height:460px;left:50%;top:-180px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(31,101,255,.16),transparent 67%);pointer-events:none}.hero-content{position:relative}.eyebrow{color:var(--blue-soft);font-size:.71rem;font-weight:700;letter-spacing:.14em;margin:0 0 16px}.eyebrow span{display:inline-block;width:24px;height:1px;background:var(--blue);vertical-align:middle;margin:0 9px}.hero h1,h1,h2{margin:0;font-weight:700;letter-spacing:-.05em;line-height:1.08}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);max-width:900px;margin:0 auto 22px}.hero-copy{max-width:610px;margin:0 auto;color:var(--muted);font-size:1.03rem}.actions{margin:31px 0 55px;display:flex;justify-content:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 18px;border-radius:7px;font-size:.86rem;font-weight:600;border:1px solid transparent;transition:transform .2s,background .2s,border .2s;cursor:pointer}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:#196bf1}.button.secondary{border-color:var(--line);background:#0c1422;color:var(--white)}.button.secondary:hover{border-color:#3d69b1;background:#101b2d}.code-window{width:min(700px,100%);margin:auto;background:linear-gradient(140deg,#0c1525,#09111e);border:1px solid rgba(139,177,247,.19);border-radius:11px;text-align:left;box-shadow:0 30px 70px rgba(0,0,0,.27);overflow:hidden;position:relative}.window-top{height:38px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);color:#8190a9;font-size:.7rem}.window-top i{width:7px;height:7px;border-radius:50%;background:#344157}.window-top i:first-child{background:#356ce5}.window-top span{margin-left:7px}.code-window pre{padding:27px 45px;margin:0;color:#b9c8de;font:500 clamp(.75rem,2vw,1rem)/1.8 monospace}.code-window em{font-style:normal;color:#789eff}.code-window strong{font-weight:500;color:#71d8d1}.code-orb{position:absolute;right:10%;bottom:-50px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#468bff,rgba(20,64,153,.3) 45%,transparent 69%);filter:blur(1px);opacity:.5}.section{padding:112px 0}.about{background:#090f1b}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(45px,8vw,115px);align-items:center}.about-portrait{min-width:0}.portrait-frame{height:500px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#16263d,#09111e 62%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait-frame:before,.portrait-frame:after{content:'';position:absolute;border:1px solid rgba(101,153,255,.28);border-radius:50%}.portrait-frame:before{width:390px;height:390px}.portrait-frame:after{width:255px;height:255px}.portrait-frame span{font-family:'DM Serif Display',serif;font-size:clamp(6rem,14vw,11rem);font-style:italic;color:#b8d1ff;opacity:.9;z-index:1}.portrait-frame small{position:absolute;bottom:26px;left:27px;font:700 .62rem/1.5 'DM Sans';letter-spacing:.17em;color:#8bb2ff}.about-portrait>p{font-size:.72rem;letter-spacing:.06em;color:#7789a5;margin:13px 1px}.about-portrait i{width:4px;height:4px;background:#2d7dff;border-radius:50%;display:inline-block;margin:0 9px 2px}.about-copy h2,.section-heading h2,.contact h2,.vision h2{font-size:clamp(2.25rem,3.8vw,3.6rem);margin-bottom:25px}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:530px;margin:0 0 17px}.about blockquote{border-left:2px solid var(--blue);padding:5px 0 5px 17px;margin:28px 0 0;color:#e2ebfc;font-weight:600}.skills{background:var(--bg)}.section-heading{margin-bottom:43px}.section-heading.centered{text-align:center;max-width:690px;margin-left:auto;margin-right:auto}.section-heading p:not(.eyebrow){color:var(--muted);margin:0}.section-heading.split{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading.split>p{color:var(--muted);max-width:320px;margin:0 0 7px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card,.service-card,.project-card{border:1px solid var(--line);background:var(--card);border-radius:9px;transition:transform .25s,border .25s,background .25s}.skill-card:hover,.project-card:hover,.service-card:hover{transform:translateY(-5px);border-color:rgba(76,134,246,.42);background:#111c2e}.skill-card{padding:26px}.icon{color:var(--blue-soft);font-size:1.45rem;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}.skill-card h3,.project-content h3,.service-card h3{font-size:1.04rem;margin:15px 0 7px}.skill-card p,.project-content p{margin:0;color:var(--muted);font-size:.86rem}.projects{background:#090f1b}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{overflow:hidden}.project-image{height:235px;background:linear-gradient(130deg,#657386,#a3aab2 49%,#646e79);display:flex;align-items:center;justify-content:center;color:rgba(8,13,22,.46);font-size:.78rem;font-weight:700;letter-spacing:.14em;position:relative}.project-image:before{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.28)}.project-content{padding:21px 23px 23px}.project-content h3{font-size:1.15rem;margin:0 0 8px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.tags span{font-size:.69rem;color:#aac2eb;border:1px solid rgba(124,163,229,.22);background:#101c2e;border-radius:4px;padding:3px 7px}.text-link{font-size:.81rem;color:#dce8fa;font-weight:600}.text-link b{color:var(--blue-soft);margin-left:4px}.center-action{text-align:center;margin-top:35px}.services{background:var(--bg)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.service-card{padding:29px;position:relative;display:flex;flex-direction:column}.service-card.featured{border-color:rgba(52,121,255,.58);background:linear-gradient(160deg,#101e38,#0d1625)}.popular{position:absolute;right:18px;top:18px;color:#a9c7ff;font-size:.65rem;letter-spacing:.04em;background:rgba(35,105,234,.18);border:1px solid rgba(103,152,250,.29);padding:4px 7px;border-radius:4px}.service-card h3{font-size:1.2rem;margin:14px 0}.price{display:flex;align-items:baseline;gap:8px;margin-bottom:23px}.price b{font-size:2rem;letter-spacing:-.05em}.price span{color:var(--muted);font-size:.74rem}.service-card ul{list-style:none;padding:0;margin:0 0 28px;flex:1;color:var(--blue-soft);font-size:.83rem}.service-card li{margin:11px 0;display:flex;gap:9px}.service-card li span{color:#b8c4d6}.vision{padding:118px 0;background:linear-gradient(115deg,#0e2249,#0b1831 55%,#0a1120);border-top:1px solid rgba(105,157,255,.19);border-bottom:1px solid rgba(105,157,255,.15)}.vision .shell{max-width:760px;text-align:center}.vision h2{font-size:clamp(2.2rem,4.3vw,4rem)}.vision>div>p:last-child{color:#b7c7de;max-width:680px;margin:0 auto}.contact{background:#090f1b}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,9vw,130px)}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:460px}.facebook{margin:27px 0 22px;padding:12px 15px;border-radius:7px;background:#1265df;display:flex;align-items:center;gap:9px;max-width:275px;font-size:.82rem;font-weight:600;transition:transform .2s,background .2s}.facebook:hover{transform:translateY(-2px);background:#0c59ca}.facebook .icon{font-family:Arial;font-size:1.18rem;color:#fff;width:auto}.facebook b{margin-left:auto}.emails{display:flex;flex-direction:column;gap:6px}.emails a{font-size:.83rem;color:#9bb3d7;text-decoration:underline;text-decoration-color:#425d87;text-underline-offset:4px}.contact-form{padding:27px;border:1px solid var(--line);background:#0b1423;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{color:#aab7cb;font-size:.72rem;font-weight:600}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4){grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;display:block;margin-top:6px;border:1px solid rgba(170,194,234,.16);background:#09111e;border-radius:5px;padding:10px 11px;outline:none;color:var(--white);font:400 .84rem inherit;transition:border .2s,box-shadow .2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,125,255,.13)}.contact-form button{grid-column:1/-1;justify-self:start;margin-top:4px}.form-note{grid-column:1/-1;color:#94b8ff;font-size:.76rem;margin:0}footer{border-top:1px solid var(--line);padding:46px 0 20px;background:#070b14}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid p,.footer-grid a{display:block;color:#8e9eb6;font-size:.78rem;margin:5px 0}.footer-grid b{font-size:.75rem}.footer-grid .logo{color:#eff4ff;font-size:1.18rem;margin-bottom:8px}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#66758d;font-size:.72rem}.all-projects{padding:100px 0 110px;min-height:calc(100vh - 62px)}.all-projects .section-heading{margin-top:50px}.all-grid{grid-template-columns:repeat(3,1fr)}.all-grid .project-image{height:190px}.back{font-size:.83rem;color:#9dbdff}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.shell{width:min(100% - 36px,var(--shell))}.navbar{height:56px}.nav-inner{gap:17px}.menu-toggle{display:flex;margin-left:auto;width:28px;height:28px;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;padding:0}.menu-toggle span{width:23px;height:1px;background:#dce8fb}.nav-links{display:none;position:absolute;top:56px;left:0;right:0;margin:0;padding:15px 18px 20px;background:#0a101c;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:13px}.nav-links.open{display:flex}.language-switch{margin-left:0}.hero{padding:80px 0 65px}.hero h1{font-size:clamp(2.35rem,10vw,3.5rem)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.portrait-frame{height:420px}.about-copy{max-width:640px}.section{padding:80px 0}.skill-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.service-card{padding:27px}.project-image{height:205px}.all-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.contact-form{max-width:650px}}@media(max-width:540px){.logo{font-size:1.12rem}.hero{padding-top:72px}.hero-copy{font-size:.95rem}.actions{margin-top:27px;margin-bottom:43px;flex-direction:column;align-items:stretch;max-width:260px;margin-left:auto;margin-right:auto}.code-window pre{padding:22px 18px;font-size:.69rem}.section-heading.split{display:block}.section-heading.split>p{margin-top:12px}.skill-grid,.project-grid,.all-grid{grid-template-columns:1fr}.skill-card{padding:23px}.project-image{height:210px}.portrait-frame{height:355px}.section{padding:69px 0}.contact-form{grid-template-columns:1fr;padding:21px}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4){grid-column:auto}.contact-form button{grid-column:auto;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-grid>div:first-child{grid-column:1/-1}.all-projects{padding:70px 0}.all-projects .section-heading{margin-top:38px}.vision{padding:78px 0}}