@font-face{font-family: 'Syne';font-style: normal;font-weight: 700;font-display: swap;src: url('/source/fonts/syne-700-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Syne';font-style: normal;font-weight: 800;font-display: swap;src: url('/source/fonts/syne-800-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'DM Sans';font-style: normal;font-weight: 300;font-display: swap;src: url('/source/fonts/dmsans-300-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'DM Sans';font-style: normal;font-weight: 400;font-display: swap;src: url('/source/fonts/dmsans-400-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'DM Sans';font-style: normal;font-weight: 500;font-display: swap;src: url('/source/fonts/dmsans-500-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'DM Sans';font-style: normal;font-weight: 600;font-display: swap;src: url('/source/fonts/dmsans-600-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #06090f;--surface: #0e1420;--surface2: #141c2e;--border: rgba(255,255,255,0.07);--text: #e8edf5;--muted: #7a8ba0;--accent: #3b82f6;--accent-strong: #2563eb;--accent2: #60a5fa;--accent-glow: rgba(59,130,246,0.2);--green: #34d399}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth}body{font-family: 'DM Sans',sans-serif;background: var(--bg);color: var(--text);line-height: 1.65;overflow-x: hidden}body::before{content: '';position: fixed;inset: 0;background: radial-gradient(ellipse 80% 50% at 10% 0%,rgba(59,130,246,0.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(52,211,153,0.06) 0%,transparent 55%);pointer-events: none;z-index: 0}.container{max-width: 1080px;margin: auto;padding: 0 28px;position: relative;z-index: 1}a{color: var(--accent2);text-decoration: none;transition: color .2s}a:hover{color: #fff}nav{position: sticky;top: 0;z-index: 100;background: rgba(6,9,15,0.85);backdrop-filter: blur(14px);border-bottom: 1px solid var(--border)}.nav-inner{max-width: 1080px;margin: auto;padding: 0 28px;display: flex;align-items: center;justify-content: space-between;height: 56px}.nav-logo{font-family: 'Syne',sans-serif;font-weight: 800;font-size: 16px;color: var(--text);letter-spacing: -0.3px}.nav-logo span{color: var(--accent)}.nav-right{display: flex;align-items: center}.nav-links{display: flex;gap: 4px;align-items: center}.nav-links a{color: var(--muted);font-size: 13.5px;font-weight: 500;padding: 6px 12px;border-radius: 8px;transition: all .2s}.nav-links a:hover{color: var(--text);background: var(--surface)}.nav-dropdown{position: relative;display: flex;align-items: center}.nav-dropdown-toggle{display: inline-flex;align-items: center;gap: 5px;font-family: inherit;font-size: 13.5px;font-weight: 500;line-height: 1.65;color: var(--muted);background: none;border: none;cursor: pointer;padding: 6px 12px;border-radius: 8px;transition: all .2s}.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle{color: var(--text);background: var(--surface)}.nav-dropdown-chevron{transition: transform .2s}.nav-dropdown:hover .nav-dropdown-chevron,.nav-dropdown:focus-within .nav-dropdown-chevron{transform: rotate(180deg)}.nav-dropdown-menu{position: absolute;top: 100%;right: 0;min-width: 190px;margin-top: 6px;padding: 6px;background: rgba(6,9,15,0.97);backdrop-filter: blur(14px);border: 1px solid var(--border);border-radius: 12px;box-shadow: 0 12px 32px rgba(0,0,0,0.35);display: flex;flex-direction: column;gap: 2px;opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity .18s,transform .18s,visibility .18s;z-index: 200}.nav-dropdown-menu::before{content: '';position: absolute;top: -6px;left: 0;right: 0;height: 6px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity: 1;visibility: visible;transform: translateY(0)}.nav-dropdown-menu a{color: var(--muted);font-size: 13.5px;font-weight: 500;padding: 8px 12px;border-radius: 8px;white-space: nowrap;transition: all .2s}.nav-dropdown-menu a:hover{color: var(--text);background: var(--surface)}.nav-burger{display: none;align-items: center;justify-content: center;width: 38px;height: 38px;margin-left: 8px;padding: 0;background: none;border: 1px solid transparent;border-radius: 9px;color: var(--text);cursor: pointer;transition: background .2s,border-color .2s}.nav-burger:hover{background: var(--surface);border-color: var(--border)}.nav-burger-box{display: block;width: 18px;height: 13px;position: relative}.nav-burger-box span{position: absolute;left: 0;width: 100%;height: 2px;background: currentColor;border-radius: 2px;transition: transform .22s ease,opacity .15s ease,top .22s ease}.nav-burger-box span:nth-child(1){top: 0}.nav-burger-box span:nth-child(2){top: 5.5px}.nav-burger-box span:nth-child(3){top: 11px}nav.nav-open .nav-burger-box span:nth-child(1){top: 5.5px;transform: rotate(45deg)}nav.nav-open .nav-burger-box span:nth-child(2){opacity: 0}nav.nav-open .nav-burger-box span:nth-child(3){top: 5.5px;transform: rotate(-45deg)}.lang-switcher{display:flex;gap:4px;margin-left:16px;padding-left:16px;border-left:1px solid var(--border)}.lang-switcher a{font-size:12px;font-weight:600;color:var(--muted);padding:4px 9px;border-radius:7px;border:1px solid transparent;transition:all .2s;letter-spacing:0.3px;text-decoration:none}.lang-switcher a:hover{color:var(--text);border-color:var(--border);background:var(--surface)}.lang-switcher a.active{color:var(--accent2);border-color:rgba(96,165,250,.3);background:rgba(59,130,246,.1)}.hero{padding: 100px 0 80px;display: grid;grid-template-columns: 1fr auto;gap: 60px;align-items: center}.hero-eyebrow{display: inline-flex;align-items: center;gap: 8px;background: rgba(59,130,246,0.1);border: 1px solid rgba(59,130,246,0.25);color: var(--accent2);font-size: 12.5px;font-weight: 500;padding: 5px 12px;border-radius: 100px;margin-bottom: 24px;letter-spacing: 0.3px}.hero-eyebrow::before{content: '';width: 7px;height: 7px;border-radius: 50%;background: var(--green);box-shadow: 0 0 8px var(--green);animation: pulse 2.5s infinite}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.4}}.hero h1{font-family: 'Syne',sans-serif;font-size: clamp(38px,6vw,64px);font-weight: 800;line-height: 1.05;letter-spacing: -1.5px;margin-bottom: 20px}.hero h1 .line2{color: var(--accent2)}.hero-sub{color: var(--muted);font-size: 16px;max-width: 480px;margin-bottom: 32px;font-weight: 300}.hero-actions{display: flex;gap: 12px;flex-wrap: wrap}.btn-primary{display: inline-flex;align-items: center;gap: 8px;background: var(--accent-strong);color: #fff;font-size: 14px;font-weight: 600;padding: 11px 22px;border-radius: 10px;transition: all .2s;box-shadow: 0 4px 24px rgba(59,130,246,0.3)}.btn-primary:hover{background: #1d4ed8;color: #fff;transform: translateY(-1px);box-shadow: 0 8px 32px rgba(59,130,246,0.4)}.btn-ghost{display: inline-flex;align-items: center;gap: 8px;background: transparent;color: var(--text);font-size: 14px;font-weight: 500;padding: 11px 22px;border-radius: 10px;border: 1px solid var(--border);transition: all .2s}.btn-ghost:hover{border-color: rgba(255,255,255,0.2);background: var(--surface);color: #fff}.hero-photo-wrap{position: relative;flex-shrink: 0}.hero-photo-wrap::before{content: '';position: absolute;inset: -12px;border-radius: 50%;background: conic-gradient(from 0deg,var(--accent),transparent 40%,var(--green),transparent 70%,var(--accent));animation: spin 6s linear infinite;opacity: 0.5}@keyframes spin{to{transform: rotate(360deg)}}.hero-photo-wrap::after{content: '';position: absolute;inset: -2px;border-radius: 50%;background: var(--bg)}.hero img{position: relative;z-index: 1;width: 148px;height: 148px;border-radius: 50%;object-fit: cover;display: block}.stats-bar{display: grid;grid-template-columns: repeat(3,1fr);gap: 1px;background: var(--border);border: 1px solid var(--border);border-radius: 16px;overflow: hidden;margin-bottom: 72px}.stat{background: var(--surface);padding: 24px 28px;text-align: center;transition: background .2s}.stat:hover{background: var(--surface2)}.stat-num{font-family: 'Syne',sans-serif;font-size: 32px;font-weight: 800;color: var(--accent2);line-height: 1;margin-bottom: 4px}.stat-label{font-size: 12.5px;color: var(--muted);font-weight: 400}section{margin-bottom: 72px;scroll-margin-top: 80px}.section-label{display: inline-flex;align-items: center;gap: 10px;font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 1.5px;color: var(--accent);margin-bottom: 8px}.section-label::before{content: '';width: 20px;height: 2px;background: var(--accent);border-radius: 2px}h2{font-family: 'Syne',sans-serif;font-size: 30px;font-weight: 700;letter-spacing: -0.5px;margin-bottom: 28px}.card{background: var(--surface);border: 1px solid var(--border);border-radius: 16px;padding: 24px;transition: border-color .2s,background .2s}.card:hover{border-color: rgba(59,130,246,0.2);background: var(--surface2)}.about-text{color: #b0bfd0;font-size: 15.5px;font-weight: 300;line-height: 1.8}.about-text p + p{margin-top: 14px}.skills-grid{display: flex;flex-wrap: wrap;gap: 10px}.skill-tag{display: inline-flex;align-items: center;gap: 8px;background: var(--surface);border: 1px solid var(--border);color: var(--text);padding: 8px 14px;border-radius: 10px;font-size: 13.5px;font-weight: 400;transition: all .2s}.skill-tag:hover{border-color: rgba(59,130,246,0.35);background: var(--surface2)}.skill-tag .cert{font-size: 11px;color: var(--accent2);border: 1px solid rgba(96,165,250,0.3);padding: 2px 7px;border-radius: 6px;transition: all .2s}.skill-tag .cert:hover{background: rgba(59,130,246,0.15);color: #fff}.lang-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.lang-card{background: var(--surface);border: 1px solid var(--border);border-radius: 16px;padding: 20px 24px}.lang-name{font-family: 'Syne',sans-serif;font-weight: 700;font-size: 17px;margin-bottom: 4px}.lang-level{color: var(--muted);font-size: 13px;margin-bottom: 14px}.lang-bar{background: rgba(255,255,255,0.07);border-radius: 4px;height: 4px}.lang-fill{height: 4px;border-radius: 4px;background: linear-gradient(90deg,var(--accent),var(--accent2))}.exp-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 20px}.exp-card h3{font-family: 'Syne',sans-serif;font-size: 17px;font-weight: 700;margin-bottom: 4px}.exp-period{display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: var(--muted);margin-bottom: 16px;background: rgba(255,255,255,0.04);padding: 3px 10px;border-radius: 6px;border: 1px solid var(--border)}.exp-list{list-style: none;padding: 0}.exp-list li{padding: 6px 0 6px 16px;position: relative;font-size: 13.5px;color: #9aafbf;border-bottom: 1px solid rgba(255,255,255,0.04)}.exp-list li:last-child{border-bottom: none}.exp-list li::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;border-radius: 50%;background: var(--accent)}.projects-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 20px}.project-card{background: var(--surface);border: 1px solid var(--border);border-radius: 16px;padding: 24px;transition: all .25s;position: relative;overflow: hidden;display: flex;flex-direction: column}.project-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,var(--accent),var(--green));opacity: 0;transition: opacity .25s}.project-card:hover{border-color: rgba(59,130,246,0.25);background: var(--surface2);transform: translateY(-2px)}.project-card:hover::before{opacity: 1}.project-title{font-family: 'Syne',sans-serif;font-size: 16px;font-weight: 700;margin-bottom: 14px;display: flex;align-items: center;gap: 10px}.project-title a{color: var(--text);transition: color .2s}.project-title a:hover{color: var(--accent2)}.project-link-icon{margin-left: auto;min-width: 24px;min-height: 24px;display: inline-flex;align-items: center;justify-content: center;color: var(--muted);font-size: 16px;transition: color .2s;text-decoration: none}.project-link-icon:hover{color: var(--accent2)}.project-gh-icon{margin-left: auto;min-width: 24px;min-height: 24px;display: inline-flex;align-items: center;justify-content: center;color: var(--muted);transition: color .2s;text-decoration: none}.project-gh-icon:hover{color: var(--accent2)}.project-gh-icon + .project-link-icon{margin-left: 4px}.project-list{list-style: none;padding: 0}.project-list li{padding: 5px 0 5px 14px;position: relative;font-size: 13px;color: #8a9fb3;border-bottom: 1px solid rgba(255,255,255,0.03)}.project-list li:last-child{border-bottom: none}.project-list li::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: var(--accent2);opacity: 0.5}.project-note{font-size: 12px;color: var(--muted);margin-bottom: 10px;font-style: italic}.proj-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:5px}.proj-tab{flex:1;padding:9px 16px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.proj-tab.active{background:var(--accent-strong);color:#fff;box-shadow:0 4px 16px rgba(59,130,246,.3)}.proj-tab:hover:not(.active){color:var(--text);background:var(--surface2)}.proj-tab-content{display:none}.proj-tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pcat{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:6px}.pcat-shop{background:rgba(59,130,246,.1);color:var(--accent2);border:1px solid rgba(59,130,246,.2)}.pcat-biz{background:rgba(52,211,153,.1);color:var(--green);border:1px solid rgba(52,211,153,.2)}.pcat-land{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.pcat-lang{background:rgba(255,255,255,.05);color:var(--muted);border:1px solid var(--border)}.pcat-row{display:flex;gap:6px;margin-bottom:12px}.edu-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 16px}.edu-card{display: flex;gap: 16px;align-items: flex-start}.edu-icon{width: 40px;height: 40px;border-radius: 10px;background: rgba(59,130,246,0.12);border: 1px solid rgba(59,130,246,0.2);display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0}.edu-deg{font-weight: 600;font-size: 14px;margin-bottom: 3px}.edu-school{font-size: 13px;color: var(--muted)}.edu-year{font-size: 11px;color: var(--accent2);background: rgba(59,130,246,0.1);border: 1px solid rgba(59,130,246,0.2);padding: 2px 8px;border-radius: 6px;margin-top: 6px;display: inline-block}.contacts-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 14px}.contact-item{display: flex;align-items: center;gap: 14px;background: var(--surface);border: 1px solid var(--border);border-radius: 14px;padding: 16px 20px;transition: all .2s;text-decoration: none;color: var(--text)}.contact-item:hover{border-color: rgba(59,130,246,0.3);background: var(--surface2);color: #fff}.contact-icon{width: 38px;height: 38px;border-radius: 10px;background: rgba(59,130,246,0.12);border: 1px solid rgba(59,130,246,0.2);display: flex;align-items: center;justify-content: center;font-size: 17px;flex-shrink: 0}.contact-label{font-size: 11px;color: var(--muted);margin-bottom: 2px;text-transform: uppercase;letter-spacing: 0.5px}.contact-value{font-size: 13.5px;font-weight: 500}footer{border-top: 1px solid var(--border);padding: 28px 0;text-align: center;color: var(--muted);font-size: 13px}footer a{color: var(--muted)}footer a:hover{color: var(--accent2)}@keyframes fadeUp{to{opacity: 1;transform: translateY(0)}}.hero > *{animation: fadeUp .7s ease both}.hero > *:nth-child(2){animation-delay: .1s}.stats-bar .stat:nth-child(1){animation: fadeUp .6s .1s ease both}.stats-bar .stat:nth-child(2){animation: fadeUp .6s .2s ease both}.stats-bar .stat:nth-child(3){animation: fadeUp .6s .3s ease both}@media (max-width: 700px){.hero{grid-template-columns: 1fr;text-align: center;gap: 32px}.hero-photo-wrap{margin: auto}.hero-sub{margin-left: auto;margin-right: auto}.hero-actions{justify-content: center}.stats-bar{grid-template-columns: 1fr}.lang-grid{grid-template-columns: 1fr}.nav-burger{display: inline-flex}.nav-links{position: absolute;top: 100%;left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 2px;padding: 8px;background: rgba(6,9,15,0.97);backdrop-filter: blur(14px);border-bottom: 1px solid var(--border);box-shadow: 0 12px 32px rgba(0,0,0,0.35);opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity .2s,transform .2s,visibility .2s}nav.nav-open .nav-links{opacity: 1;visibility: visible;transform: translateY(0)}.nav-links a{padding: 10px 12px;font-size: 15px}.nav-dropdown-toggle{display: none}.nav-dropdown-menu{position: static;opacity: 1;visibility: visible;transform: none;margin: 0;padding: 0;background: none;backdrop-filter: none;border: 0;box-shadow: none}.nav-dropdown-menu a{padding: 10px 12px;font-size: 15px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;animation-delay: 0s !important;transition-duration: 0.01ms !important;transition-delay: 0s !important;scroll-behavior: auto !important}.hero-photo-wrap::before{animation: none}.hero-eyebrow::before{animation: none;opacity: 1}}@media (max-width: 700px){.proj-tabs{flex-direction: column}.proj-tab{flex: none;text-align: left}}.skills-core{margin-bottom: 18px}.skills-core-label{font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;color: var(--muted);margin-bottom: 12px}.skill-tag-core{font-size: 14.5px;font-weight: 500;padding: 10px 16px;border-color: rgba(59,130,246,0.22);background: var(--surface2)}.skill-tag-core:hover{border-color: rgba(59,130,246,0.45)}.skills-acc{display: flex;flex-direction: column;gap: 10px}.skill-group{background: var(--surface);border: 1px solid var(--border);border-radius: 14px;overflow: hidden;transition: border-color .2s,background .2s}.skill-group:hover{border-color: rgba(59,130,246,0.2)}.skill-group[open]{background: var(--surface2);border-color: rgba(59,130,246,0.18)}.skill-group summary{display: flex;align-items: center;gap: 12px;padding: 16px 20px;cursor: pointer;list-style: none;user-select: none}.skill-group summary::-webkit-details-marker{display: none}.sg-name{font-family: 'Syne',sans-serif;font-size: 15px;font-weight: 700;color: var(--text)}.sg-count{font-size: 11px;font-weight: 600;color: var(--accent2);background: rgba(59,130,246,0.1);border: 1px solid rgba(59,130,246,0.2);padding: 1px 8px;border-radius: 100px;line-height: 1.6}.sg-chevron{margin-left: auto;color: var(--muted);transition: transform .25s ease,color .2s;flex-shrink: 0}.skill-group[open] .sg-chevron{transform: rotate(180deg);color: var(--accent2)}.skill-group summary:hover .sg-chevron{color: var(--text)}.sg-body{padding: 0 20px 20px}.project-more{display: inline-block;margin-top: auto;padding-top: 14px;align-self: flex-start;font-size: 13px;font-weight: 600;color: var(--accent2);text-decoration: none;transition: gap .2s,color .2s}.project-more:hover{color: var(--text)}.proj-section-cta{margin-top: 24px;display: flex;justify-content: center}.proj-section-cta .btn-ghost{text-decoration: none}.pf-hero{margin: 8px 0 40px}.crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 18px;font-size: 13px;font-weight: 500}.crumbs a{color: var(--muted);text-decoration: none;transition: color .2s}.crumbs a:hover{color: var(--accent2)}.crumbs-sep{color: var(--border);user-select: none}.crumbs [aria-current="page"]{color: var(--text)}.pf-hero h1{font-family: 'Syne',sans-serif;font-size: clamp(28px,5vw,44px);font-weight: 800;letter-spacing: -0.5px;margin: 4px 0 14px}.pf-hero-sub{font-size: 15px;color: var(--muted);max-width: 680px;line-height: 1.7}.pf-details{display: flex;flex-direction: column;gap: 28px}.pf-detail{background: var(--surface);border: 1px solid var(--border);border-radius: 18px;padding: 32px;scroll-margin-top: 80px}.pf-title{font-family: 'Syne',sans-serif;font-size: 24px;font-weight: 800;letter-spacing: -0.3px;margin: 10px 0 18px}.pf-meta{display: flex;flex-direction: column;gap: 8px;padding: 16px 18px;background: var(--surface2);border: 1px solid var(--border);border-radius: 12px;margin-bottom: 20px}.pf-meta-row{display: flex;gap: 12px;font-size: 14px;color: #8a9fb3;line-height: 1.5}.pf-meta-k{flex-shrink: 0;min-width: 56px;font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;color: var(--accent2);padding-top: 3px}.pf-lead{font-size: 15px;color: var(--text);line-height: 1.75;margin-bottom: 20px}.pf-live{text-decoration: none;margin-bottom: 28px}.pf-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 28px}.pf-actions .pf-live{margin-bottom: 0}.pf-gh{text-decoration: none}.pf-sec{margin-top: 24px}.pf-sec h3{font-family: 'Syne',sans-serif;font-size: 16px;font-weight: 700;color: var(--text);margin-bottom: 10px;padding-bottom: 8px;border-bottom: 1px solid var(--border)}.pf-sec p{font-size: 14px;color: #8a9fb3;line-height: 1.75;margin-bottom: 10px}.pf-list{list-style: none;padding: 0;margin: 0 0 10px}.pf-list li{position: relative;padding: 6px 0 6px 18px;font-size: 14px;color: #8a9fb3;line-height: 1.7}.pf-list li::before{content: '';position: absolute;left: 0;top: 13px;width: 5px;height: 5px;border-radius: 50%;background: var(--accent2);opacity: 0.6}@media (max-width: 600px){.pf-detail{padding: 22px}}.nav-left{display: flex;align-items: center;gap: 10px}.nav-sep{color: var(--muted);font-size: 14px}.nav-catalog-link{font-size: 14px;font-weight: 500;color: var(--muted);text-decoration: none;transition: color .2s}.nav-catalog-link:hover{color: var(--text)}.lang-notice{display: inline-flex;align-items: center;gap: 8px;background: rgba(59,130,246,0.08);border: 1px solid rgba(59,130,246,0.2);color: var(--accent2);font-size: 13px;padding: 6px 14px;border-radius: 8px;margin-bottom: 24px}.lang-notice strong{color: var(--text)}.catalog-hero{padding: 64px 0 48px;border-bottom: 1px solid var(--border);margin-bottom: 40px}.catalog-hero h1{font-family: 'Syne',sans-serif;font-size: clamp(28px,4vw,44px);font-weight: 800;letter-spacing: -1px;margin-bottom: 10px}.catalog-hero p{color: var(--muted);font-size: 15px;font-weight: 300}.filters{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 32px;align-items: center}.filter-search-form{flex: 1;min-width: 220px;max-width: 380px}.filter-search-wrap{position: relative}.filter-search{width: 100%;padding: 8px 32px 8px 14px;border-radius: 10px;border: 1px solid var(--border);background: var(--surface);color: var(--text);font-size: 13.5px;outline: none;transition: border-color .2s;box-sizing: border-box}.filter-search:focus{border-color: rgba(59,130,246,0.5)}.filter-search-clear{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: var(--muted);font-size: 16px;text-decoration: none;line-height: 1}.filter-search-clear:hover{color: var(--text)}.filter-select-wrap{position: relative}.filter-select-trigger{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 7px 12px 7px 14px;border-radius: 10px;border: 1px solid var(--border);background: var(--surface);color: var(--text);font-size: 13.5px;cursor: pointer;min-width: 180px;max-width: 260px;user-select: none;transition: border-color .2s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.filter-select-trigger:hover{border-color: rgba(255,255,255,0.15)}.filter-select-trigger.open{border-color: rgba(59,130,246,0.5)}.filter-select-arrow{flex-shrink: 0;transition: transform .2s;color: var(--muted)}.filter-select-trigger.open .filter-select-arrow{transform: rotate(180deg)}.filter-select-dropdown{position: absolute;top: calc(100% + 6px);left: 0;min-width: 100%;max-width: 320px;background: var(--surface2,#1e1e2e);border: 1px solid var(--border);border-radius: 12px;box-shadow: 0 8px 32px rgba(0,0,0,0.4);z-index: 100;overflow: hidden;display: none}.filter-select-dropdown.open{display: block}.filter-select-search{width: 100%;padding: 10px 14px;border: none;border-bottom: 1px solid var(--border);background: transparent;color: var(--text);font-size: 13px;outline: none;box-sizing: border-box}.filter-select-search::placeholder{color: var(--muted)}.filter-select-options{max-height: 260px;overflow-y: auto;padding: 6px 0}.filter-select-options::-webkit-scrollbar{width: 4px}.filter-select-options::-webkit-scrollbar-thumb{background: var(--border);border-radius: 2px}.filter-select-option{padding: 8px 14px;font-size: 13.5px;cursor: pointer;color: var(--muted);transition: background .15s,color .15s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.filter-select-option:hover{background: rgba(59,130,246,0.08);color: var(--text)}.filter-select-option.selected{color: var(--accent2);font-weight: 500}.filter-select-option[data-val=""]{border-bottom: 1px solid var(--border);margin-bottom: 4px}.filter-group{display: flex;gap: 6px;flex-wrap: wrap}.filter-btn{padding: 6px 14px;border-radius: 8px;border: 1px solid var(--border);background: var(--surface);color: var(--muted);font-size: 13px;font-weight: 500;cursor: pointer;text-decoration: none;transition: all .2s;white-space: nowrap}.filter-btn:hover{color: var(--text);border-color: rgba(255,255,255,0.15)}.filter-btn.active{background: var(--accent);color: #fff;border-color: var(--accent);box-shadow: 0 3px 12px rgba(59,130,246,0.3)}.filter-btn--reset{background: rgba(239,68,68,0.08);border-color: rgba(239,68,68,0.2);color: #f87171}.filter-btn--reset:hover{background: rgba(239,68,68,0.15);color: #fca5a5}.catalog-meta{display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;gap: 12px;flex-wrap: wrap}.catalog-count{font-size: 13px;color: var(--muted)}.catalog-count strong{color: var(--text)}.per-page-wrap{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--muted)}.per-page-wrap a{padding: 4px 10px;border-radius: 7px;border: 1px solid var(--border);color: var(--muted);font-size: 12.5px;text-decoration: none;transition: all .2s}.per-page-wrap a:hover{color: var(--text);border-color: rgba(255,255,255,0.15)}.per-page-wrap a.active{color: var(--accent2);border-color: rgba(96,165,250,0.3);background: rgba(59,130,246,0.1)}.catalog-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 20px;margin-bottom: 48px}.cat-card{background: var(--surface);border: 1px solid var(--border);border-radius: 16px;padding: 24px;transition: all .25s;position: relative;overflow: hidden;display: flex;flex-direction: column}.cat-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,var(--accent),var(--green));opacity: 0;transition: opacity .25s}.cat-card:hover{border-color: rgba(59,130,246,0.25);background: var(--surface2);transform: translateY(-2px)}.cat-card:hover::before{opacity: 1}.cat-card__badges{display: flex;gap: 6px;margin-bottom: 14px;flex-wrap: wrap}.cat-card__title{font-family: 'Syne',sans-serif;font-size: 15px;font-weight: 700;margin-bottom: 14px;display: flex;align-items: flex-start;gap: 10px;line-height: 1.3}.cat-card__title-text{flex: 1}.cat-card__arrow{color: var(--muted);font-size: 16px;text-decoration: none;flex-shrink: 0;margin-top: 1px;transition: color .2s}.cat-card__arrow:hover{color: var(--accent2)}.cat-card__list{list-style: none;padding: 0;margin: 0 0 20px;flex: 1}.cat-card__list li{padding: 5px 0 5px 14px;position: relative;font-size: 13px;color: #8a9fb3;border-bottom: 1px solid rgba(255,255,255,0.03)}.cat-card__list li:last-child{border-bottom: none}.cat-card__list li::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: var(--accent2);opacity: 0.5}.cat-card__footer{display: flex;align-items: center;justify-content: space-between;padding-top: 16px;border-top: 1px solid var(--border);gap: 10px}.cat-card__open{display: inline-flex;align-items: center;gap: 6px;background: rgba(59,130,246,0.1);border: 1px solid rgba(59,130,246,0.2);color: var(--accent2);font-size: 12.5px;font-weight: 500;padding: 6px 14px;border-radius: 8px;text-decoration: none;transition: all .2s;white-space: nowrap}.cat-card__open:hover{background: rgba(59,130,246,0.2);color: #fff;border-color: rgba(59,130,246,0.4)}.pagination{display: flex;align-items: center;justify-content: center;gap: 6px;margin-bottom: 64px;flex-wrap: wrap}.pagination a,.pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 10px;border-radius: 9px;border: 1px solid var(--border);background: var(--surface);color: var(--muted);font-size: 13.5px;text-decoration: none;transition: all .2s}.pagination a:hover{color: var(--text);border-color: rgba(255,255,255,0.15);background: var(--surface2)}.pagination a.active,.pagination span.active{background: var(--accent);color: #fff;border-color: var(--accent);box-shadow: 0 3px 12px rgba(59,130,246,0.3)}.pagination span.dots{border: none;background: transparent;cursor: default}.cat-empty{grid-column: 1 / -1;text-align: center;padding: 80px 20px;color: var(--muted)}.cat-empty__icon{font-size: 48px;margin-bottom: 16px}.cat-empty__title{font-family: 'Syne',sans-serif;font-size: 20px;font-weight: 700;color: var(--text);margin-bottom: 8px}@media (max-width: 700px){.catalog-grid{grid-template-columns: 1fr}.filters{gap: 8px}.catalog-meta{flex-direction: column;align-items: flex-start}}.cat-card__buy{background: var(--accent);color: #fff;border: none;border-radius: 8px;padding: 7px 18px;font-size: 13.5px;font-weight: 600;cursor: pointer;transition: background .2s,transform .15s;font-family: inherit}.cat-card__buy:hover{background: var(--accent-hover,#2563eb);transform: translateY(-1px)}.order-overlay{display: none;position: fixed;inset: 0;background: rgba(0,0,0,.6);backdrop-filter: blur(4px);z-index: 1000;align-items: center;justify-content: center;padding: 16px}.order-overlay.open{display: flex}.order-modal{background: var(--surface2,#1e1e2e);border: 1px solid var(--border);border-radius: 16px;padding: 32px;width: 100%;max-width: 440px;position: relative;max-height: 90vh;overflow-y: auto}.order-modal__close{position: absolute;top: 16px;right: 16px;background: none;border: none;color: var(--muted);font-size: 22px;cursor: pointer;line-height: 1;padding: 4px 8px;border-radius: 6px;transition: color .2s,background .2s}.order-modal__close:hover{color: var(--text);background: rgba(255,255,255,.07)}.order-modal__title{font-family: 'Syne',sans-serif;font-size: 20px;font-weight: 700;color: var(--text);margin: 0 0 4px}.order-modal__landing{color: var(--accent);font-size: 13.5px;margin: 0 0 20px;min-height: 18px}.order-input{display: block;width: 100%;box-sizing: border-box;background: var(--surface,#161622);border: 1px solid var(--border);border-radius: 8px;padding: 10px 14px;color: var(--text);font-size: 14px;font-family: inherit;margin-bottom: 10px;transition: border-color .2s;outline: none}.order-input:focus{border-color: var(--accent)}.order-textarea{resize: vertical;min-height: 80px}.order-error{color: #f87171;font-size: 13px;margin: -4px 0 8px;min-height: 18px}.order-submit{width: 100%;background: var(--accent);color: #fff;border: none;border-radius: 10px;padding: 12px;font-size: 15px;font-weight: 600;cursor: pointer;font-family: inherit;transition: background .2s,transform .15s;margin-top: 4px}.order-submit:hover:not(:disabled){background: var(--accent-hover,#2563eb);transform: translateY(-1px)}.order-submit:disabled{opacity: .6;cursor: default}.order-success{text-align: center;padding: 24px 0;color: var(--text)}.order-success__icon{width: 52px;height: 52px;background: rgba(34,197,94,.15);color: #22c55e;border-radius: 50%;font-size: 26px;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px}.order-contacts{margin-top: 20px;padding-top: 16px;border-top: 1px solid var(--border);display: flex;align-items: center;gap: 12px;flex-wrap: wrap}.order-contacts__label{color: var(--muted);font-size: 13px}.order-contacts__links{display: flex;gap: 8px}.order-contact-link{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 8px;background: rgba(255,255,255,.05);color: var(--muted);border: 1px solid var(--border);transition: color .2s,background .2s;text-decoration: none}.order-contact-link:hover{color: var(--text);background: rgba(255,255,255,.1)}@media (max-width: 480px){.order-modal{padding: 24px 18px}}.order-hp{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;pointer-events: none}