*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#05070b;color:#f4f7fb;font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(4,6,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid #172335}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;white-space:nowrap}.brand b,.section-title span,.hero h1 span,.hero h2 span{color:#159cff}.brand-mark{display:grid;place-items:center;width:39px;height:39px;color:#07111c;font-size:26px;font-weight:900;font-style:italic;background:linear-gradient(135deg,#55c6ff,#0879e8);clip-path:polygon(50% 0,100% 100%,70% 100%,50% 48%,29% 100%,0 100%)}.nav-links{display:flex;align-items:center;gap:27px}.nav-link{font-size:13px;color:#c5cfdd;font-weight:650;transition:.2s}.nav-link:hover,.nav-link.active{color:#21a5ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(110deg,#159fff,#0876df);color:white;box-shadow:0 8px 28px #0876df35}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px #0876df65}.btn-outline{border-color:#168fe8;color:#eef7ff;background:transparent}.btn-outline:hover{background:#0c2740}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.section{padding:86px 0;border-bottom:1px solid #152131}.hero{padding:65px 0 40px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:410px}.eyebrow{color:#159cff;font-size:12px;font-weight:800;letter-spacing:2.5px;margin:0 0 12px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.05;margin:0 0 6px;letter-spacing:-2.5px}.hero h2{font-size:clamp(29px,4vw,43px);line-height:1.2;margin:0 0 18px;color:#dce4ef}.hero-text{max-width:580px;color:#aebaca;font-size:16px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:27px 0}.quick-contact{display:flex;gap:17px;flex-wrap:wrap;color:#169fff;font-size:13px}.quick-contact a,.quick-contact>span{display:flex;gap:8px;align-items:center}.quick-contact span span{color:#dce5ef}.hero-visual{height:430px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait-glow{position:absolute;width:330px;height:330px;border:3px solid #078fff;border-radius:50%;top:50px;box-shadow:0 0 35px #078fff88,inset 0 0 35px #078fff30}.hero-portrait{position:relative;z-index:1;height:420px;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 25px #0879df55)}.floating-tag{position:absolute;z-index:2;background:#0b1725;border:1px solid #147fc9;border-radius:10px;padding:9px 13px;font-size:12px;box-shadow:0 8px 25px #0008}.tag-one{left:2%;top:110px}.tag-two{right:0;bottom:65px}.about-grid{display:grid;grid-template-columns:250px 1fr;gap:50px;align-items:center}.about-photo-wrap{border:1px solid #168fe8;border-radius:18px;padding:8px;box-shadow:0 0 30px #0879df28}.about-photo{display:block;width:100%;height:270px;object-fit:cover;object-position:top;border-radius:12px}.section-title{font-size:clamp(30px,4vw,39px);line-height:1.2;margin:0 0 22px;letter-spacing:-1px}.about-copy p:not(.eyebrow){color:#aebaca;max-width:750px}.about-copy .btn{margin-top:12px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.skill-card{padding:19px;background:linear-gradient(145deg,#0c1624,#080d15);border:1px solid #1b2b3e;border-radius:13px;display:flex;flex-direction:column;gap:4px;transition:.2s}.skill-card:hover,.service-card:hover{border-color:#168fe8;transform:translateY(-3px)}.skill-card b{font-size:16px}.skill-card span{font-size:12px;color:#8e9bad}.services-section{background:linear-gradient(180deg,#070b12,#05070b)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:24px;border:1px solid #1b2b3e;border-radius:15px;background:#0a111c;transition:.2s}.service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0c2a45;color:#27aaff;font-size:22px}.service-card h3{font-size:16px;margin:16px 0 7px}.service-card p{font-size:13px;color:#9baabc;margin:0}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.muted,.project-note{color:#8997a9;font-size:12px}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-card{text-align:left;padding:0;overflow:hidden;border:1px solid #1b2b3e;border-radius:13px;background:#0a111b;color:#fff;cursor:pointer;transition:.22s}.project-card:hover{transform:translateY(-5px);border-color:#159cff;box-shadow:0 12px 30px #0879df22}.project-preview{height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:12px;position:relative;overflow:hidden}.project-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,#ffffff25,transparent 60%)}.project-preview span,.project-preview small{position:relative}.project-preview span{font-size:20px;font-weight:900;letter-spacing:1px}.project-preview small{font-size:11px;opacity:.85}.preview-rose{background:linear-gradient(135deg,#6c153d,#e88ba9)}.preview-north{background:linear-gradient(135deg,#111827,#8d9aab)}.preview-tech{background:linear-gradient(135deg,#092a52,#087fce)}.preview-food{background:linear-gradient(135deg,#5b2c0b,#e9a22c)}.preview-travel{background:linear-gradient(135deg,#064c72,#45c3d8)}.preview-business{background:linear-gradient(135deg,#14233a,#4c6b91)}.preview-glow{background:linear-gradient(135deg,#4a285e,#d99acb)}.preview-portfolio{background:linear-gradient(135deg,#092d42,#1aa2ae)}.project-info{padding:12px 14px;display:grid;gap:3px}.project-info b{font-size:13px}.project-info span,.project-info i{font-size:11px;color:#8fa0b4;font-style:normal}.project-info i{color:#24a6ff;margin-top:5px}.project-note{margin-top:18px}.contact-section{background:radial-gradient(ellipse at 80% 50%,#0a2340 0,transparent 45%)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-intro{color:#aebaca;max-width:430px}.contact-list{display:grid;gap:14px;margin-top:30px}.contact-list a{color:#159fff;display:flex;gap:12px;align-items:center}.contact-list span{color:#dce5ef}.contact-form{padding:26px;border:1px solid #20334a;border-radius:17px;background:#09111d}.contact-form label{display:block;font-size:12px;color:#bdc9d7;margin:0 0 7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #26384d;background:#050a11;color:white;border-radius:9px;padding:12px 13px;margin-bottom:17px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#159cff}.contact-form textarea{resize:vertical}.form-note{font-size:11px;color:#8191a5;margin:12px 0 0}.footer{padding:24px 0;background:#030508}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer p,.footer-inner>span{font-size:11px;color:#8997a9}.modal{display:none;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(6px)}.modal-panel{position:relative;width:min(500px,100%);padding:32px;border:1px solid #168fe8;border-radius:18px;background:#0a111c;box-shadow:0 20px 80px #000}.modal-panel h2{margin:0 0 12px}.modal-panel p:not(.eyebrow){color:#aebaca}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.modal-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.modal-tags span{font-size:11px;padding:6px 10px;border:1px solid #24415c;border-radius:30px;color:#9dd7ff}@media(max-width:900px){.nav-links{gap:14px}.nav-link{font-size:12px}.hero-grid{grid-template-columns:1fr .8fr}.hero-portrait{height:360px}.hero-visual{height:370px}.portrait-glow{width:270px;height:270px}.projects-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 30px,560px)}.nav{height:68px}.menu-toggle{display:block;order:3}.nav-cv{display:none}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:15px 22px 20px;background:#070b12;border-bottom:1px solid #20334a;flex-direction:column;align-items:stretch;gap:0}.nav-links.show{display:flex}.nav-link{padding:12px 0;border-bottom:1px solid #142234;font-size:14px}.hero{padding:40px 0 25px}.hero-grid{grid-template-columns:1fr}.hero-visual{height:320px;grid-row:1}.hero-portrait{height:315px}.portrait-glow{width:245px;height:245px;top:30px}.tag-one{left:0;top:90px}.tag-two{right:0;bottom:30px}.hero h1{font-size:44px}.hero h2{font-size:29px}.hero-text{font-size:14px}.quick-contact{gap:12px;font-size:11px}.section{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:25px}.about-photo-wrap{width:180px}.about-photo{height:210px}.skills-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.section-heading-row{display:block}.section-heading-row .muted{margin-top:-12px;margin-bottom:20px}.projects-grid{grid-template-columns:1fr 1fr;gap:10px}.project-preview{height:110px}.project-preview span{font-size:15px}.project-info{padding:10px}.project-info b{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:30px}.footer-inner{justify-content:center;text-align:center;flex-direction:column;gap:8px}}@media(max-width:380px){.projects-grid,.skills-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}}
.project-card{display:block;text-decoration:none}.project-card:hover{color:#fff}

.project-preview{background-size:cover!important;background-position:center!important;min-height:155px}.project-preview:before{background:linear-gradient(0deg,#05070bc9,transparent 85%)!important}.project-preview span,.project-preview small{text-shadow:0 2px 12px #000}.project-card{display:block;text-decoration:none}