:root{--bg:#08080b;--panel:#121218d1;--panel-2:#ffffff0e;--text:#f8fafc;--muted:#a1a1aa;--line:#ffffff1f;--orange:#ff9f0a;--orange-2:#ff6b00;--shadow:0 24px 80px #00000073;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%, #ff9f0a21, transparent 32%), radial-gradient(circle at 90% 10%, #ff6b0029, transparent 28%), var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh;overflow-x:hidden}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#08080bc7;justify-content:space-between;align-items:center;height:78px;padding:0 max(16px,min(4vw,64px));display:flex;position:-webkit-sticky;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:210px;display:flex}.brand img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 22px #ff9f0a47);width:54px;height:54px}.brand span{line-height:1.05;display:grid}.brand b{color:var(--orange);letter-spacing:.08em;font-size:1.2rem}.brand small{color:var(--muted);font-size:.75rem}.desktop-nav{align-items:center;gap:8px;display:flex}.desktop-nav a,.admin-link{color:var(--muted);border-radius:999px;padding:10px 12px;transition:all .2s}.desktop-nav a:hover,.desktop-nav a.active,.admin-link:hover{color:#fff;background:#ff9f0a21}.header-actions{align-items:center;gap:10px;display:flex}.lang-switch,.mobile-lang{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;gap:4px;padding:4px;display:flex}.lang-switch button,.mobile-lang button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 9px}.lang-switch button.active,.mobile-lang button.active{background:linear-gradient(135deg, var(--orange), var(--orange-2));color:#121212;font-weight:800}.burger,.close-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.page-section{width:min(1180px,100% - 32px);margin:0 auto;padding:72px 0}.page-section.compact{padding:18px 0 40px}.page-section.narrow{width:min(920px,100% - 32px)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;min-height:calc(100vh - 78px);display:grid}.badge,.section-title span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--orange);background:#ff9f0a1f;border:1px solid #ff9f0a47;border-radius:999px;padding:8px 12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.06em;margin:22px 0;font-size:max(42px,min(7vw,86px));line-height:.95}.hero p,.section-title p{color:var(--muted);max-width:760px;font-size:max(16px,min(2vw,21px));line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;transition:all .2s;display:inline-flex}.btn.primary{color:#111;background:linear-gradient(135deg, var(--orange), var(--orange-2));border-color:#0000;box-shadow:0 18px 45px #ff6b0047}.btn.ghost{color:#fff;background:#ffffff0f}.btn:hover{transform:translateY(-2px)}.hero-visual{place-items:center;min-height:440px;display:grid;position:relative}.hero-visual img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 34px 80px #ff9f0a33);width:min(470px,90%);height:auto;animation:5s ease-in-out infinite float}.orb{filter:blur(12px);background:radial-gradient(circle,#ff9f0a47,#0000 62%);border-radius:50%;position:absolute;top:18%;bottom:18%;left:18%;right:18%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stats-row div{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;gap:8px;padding:22px;display:grid}.stats-row svg{color:var(--orange)}.stats-row b{font-size:2rem}.stats-row span{color:var(--muted)}.section-title{margin-bottom:28px}.section-title h1,.section-title h2{letter-spacing:-.04em;margin:14px 0 8px;font-size:max(34px,min(5vw,58px))}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card,.skill-card,.glass-card,.about-panel,.contact-info,.contact-form{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px}.project-card{min-height:100%;display:grid;overflow:hidden}.project-card>img,.project-logo{object-fit:cover;width:100%;height:180px;color:var(--orange);letter-spacing:.12em;background:linear-gradient(135deg,#19191f,#0d0d11);place-items:center;font-size:2.4rem;font-weight:1000;display:grid}.project-content{padding:22px}.project-content h3{margin:0 0 10px;font-size:1.35rem}.project-content p,.glass-card p,.timeline-item p,.about-panel p{color:var(--muted);line-height:1.65}.chips{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.chips span{color:#ffd39a;background:#ff9f0a1a;border:1px solid #ff9f0a38;border-radius:999px;padding:6px 9px;font-size:.85rem}.project-actions{flex-wrap:wrap;gap:12px;display:flex}.project-actions a{color:var(--orange);align-items:center;gap:6px;display:inline-flex}.skill-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skill-group{margin-bottom:30px}.skill-group h2{color:var(--orange);text-transform:capitalize}.skill-card{padding:18px}.skill-head{justify-content:space-between;gap:12px;display:flex}.skill-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.meter{background:#ffffff14;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.meter i{background:linear-gradient(90deg, var(--orange), var(--orange-2));border-radius:inherit;height:100%;display:block}.about-panel{grid-template-columns:280px 1fr;align-items:center;gap:28px;padding:28px;display:grid}.about-panel img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.check-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:#e8e8ee}.check-list li:before{content:"●";color:var(--orange);margin-right:10px}.timeline{gap:18px;display:grid}.timeline-item{grid-template-columns:22px 1fr;gap:18px;display:grid}.timeline-item>span{background:var(--orange);border-radius:50%;width:18px;height:18px;margin-top:8px;box-shadow:0 0 0 8px #ff9f0a24}.timeline-item>div{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px}.timeline-item h3,.glass-card h3{margin:0 0 8px}.timeline-item small,.glass-card small{color:var(--orange);margin-top:8px;display:block}.cards-list{gap:18px;display:grid}.glass-card{padding:24px}.contact-section{width:min(1080px,100% - 32px)}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:22px;display:grid}.contact-info{align-content:start;gap:16px;padding:24px;display:grid}.contact-info div{color:var(--muted);align-items:center;gap:12px;display:flex}.contact-info svg{color:var(--orange)}.contact-form{gap:12px;padding:24px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:16px;outline:none;width:100%;padding:14px 16px}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff9f0a99;box-shadow:0 0 0 4px #ff9f0a14}.ok{color:#4ade80}.bad{color:#fb7185}.footer{border-top:1px solid var(--line);color:var(--muted);background:#0000003d;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:34px max(16px,min(4vw,64px));display:grid}.footer b{color:var(--orange)}.footer p{margin:4px 0}.footer-links{gap:10px;display:grid}.footer-row{flex-wrap:wrap;align-items:center;gap:10px 22px;display:flex}.footer-links a{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.footer-links a:hover{color:var(--orange)}.footer-links a svg{color:var(--orange);flex:none}.contact-info a{color:inherit}.contact-info a:hover{color:var(--orange)}.contact-info svg{flex:none}.copy{text-align:right}.mobile-backdrop,.mobile-menu{display:none}@media (max-width:1100px){.desktop-nav,.admin-link{display:none}.burger{display:inline-flex}.hero{grid-template-columns:1fr;padding-top:54px}.hero-visual{min-height:330px}.projects-grid,.skill-grid,.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.site-header{height:70px}.brand{min-width:0}.brand img{width:48px;height:48px}.brand small,.lang-switch{display:none}.page-section{width:min(100% - 24px,1180px);padding:46px 0}.hero h1{font-size:44px}.projects-grid,.skill-grid,.stats-row,.about-panel,.contact-grid{grid-template-columns:1fr}.about-panel img{width:220px;margin:0 auto}.footer{text-align:center;grid-template-columns:1fr}.copy{text-align:center}.mobile-backdrop{opacity:0;pointer-events:none;z-index:80;background:#00000075;transition:all .25s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-backdrop.show{opacity:1;pointer-events:auto}.mobile-menu{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;width:min(82vw,360px);height:100vh;box-shadow:var(--shadow);background:#0e0e12f5;padding:18px;transition:all .26s;display:block;position:fixed;top:0;left:0;transform:translate(-105%)}.mobile-menu.show{transform:translate(0)}.mobile-menu-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.mobile-brand small{display:block}.close-btn{flex-shrink:0;display:inline-flex}.mobile-menu nav{gap:8px;display:grid}.mobile-menu nav a{color:var(--muted);background:#ffffff0a;border-radius:16px;padding:14px}.mobile-menu nav a.active{color:#111;background:linear-gradient(135deg, var(--orange), var(--orange-2));font-weight:900}.mobile-lang{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:20px}}.profile-page{gap:22px;display:grid}.profile-hero-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;grid-template-columns:170px 1fr;align-items:center;gap:26px;padding:26px;display:grid}.profile-hero-card img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 28px #ff9f0a3d);width:170px;height:170px}.profile-hero-card h1{letter-spacing:-.04em;margin:14px 0 8px;font-size:max(34px,min(5vw,64px))}.profile-hero-card p{color:var(--muted);margin:0;line-height:1.7}.profile-panel{border:1px solid var(--line);background:#ffffff06;border-radius:28px;padding:22px}.profile-panel h2{align-items:center;gap:10px;margin:0 0 18px;font-size:1.35rem;display:flex}.profile-panel h2 svg{color:var(--orange)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.info-card{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:20px;align-content:center;gap:7px;min-height:74px;padding:18px 20px;display:grid}.info-card span,.experience-official span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:800}.info-card b,.experience-official b{color:#fff;font-size:1rem;line-height:1.35}.achievement-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.achievement-list div{background:linear-gradient(135deg,#ff9f0a29,#ff6b0014);border:1px solid #ff9f0a47;border-radius:20px;align-items:center;gap:10px;padding:18px;display:flex}.achievement-list svg{color:var(--orange)}.experience-official{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.experience-official>div{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:20px;gap:7px;padding:18px 20px;display:grid}.experience-official b{align-items:center;gap:8px;display:inline-flex}.experience-official p{color:var(--muted);background:#ffffff09;border:1px solid #ffffff1a;border-radius:20px;grid-column:1/-1;margin:4px 0 0;padding:18px 20px;line-height:1.75}.clickable-card{transition:all .22s}.clickable-card:hover{border-color:#ff9f0a66;transform:translateY(-5px)}.project-card-main{color:inherit;display:grid}.project-card-main>img,.project-card-main>.project-logo,.project-logo.big{object-fit:cover;width:100%;height:180px;color:var(--orange);letter-spacing:.12em;background:linear-gradient(135deg,#19191f,#0d0d11);place-items:center;font-size:2.4rem;font-weight:1000;display:grid}.project-logo.big{border-radius:28px;height:auto;min-height:280px;font-size:4rem}.card-actions{min-height:28px;padding:0 22px 22px}.back-link{color:var(--orange);align-items:center;gap:8px;margin-bottom:22px;font-weight:800;display:inline-flex}.detail-page .section-title{margin-bottom:20px}.project-detail-hero{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;grid-template-columns:390px 1fr;align-items:center;gap:30px;margin-bottom:24px;padding:28px;display:grid}.project-detail-hero>img{object-fit:cover;border-radius:28px;width:100%;min-height:280px}.detail-actions{flex-wrap:wrap;margin-top:20px}.detail-actions a{background:#ff9f0a14;border:1px solid #ff9f0a47;border-radius:14px;padding:10px 12px}.detail-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.detail-grid.one{grid-template-columns:1fr}.detail-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:24px}.detail-panel.wide{grid-column:1/-1}.detail-panel h2{align-items:center;gap:8px;margin:0 0 12px;display:flex}.detail-panel h2 svg{color:var(--orange)}.detail-panel p{color:var(--muted);white-space:pre-line;line-height:1.75}.meta-panel{gap:14px;display:grid}.meta-panel div{gap:6px;display:grid}.meta-panel span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:900}.meta-panel b{color:#fff;line-height:1.45}.skill-detail-meter b{color:var(--orange);margin-bottom:14px;font-size:3rem;display:block}@media (max-width:1000px){.project-detail-hero{grid-template-columns:1fr}.profile-hero-card{text-align:center;grid-template-columns:1fr}.profile-hero-card img{margin:0 auto}}@media (max-width:760px){.info-grid,.achievement-list,.experience-official,.detail-grid{grid-template-columns:1fr}.experience-official p,.detail-panel.wide{grid-column:auto}.profile-panel,.info-card,.experience-official>div,.experience-official p{padding:16px}}.category-filter{flex-wrap:wrap;gap:10px;margin:-8px 0 24px;display:flex}.category-filter button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0e;border-radius:999px;padding:10px 14px;font-weight:800}.category-filter button.active,.category-filter button:hover{color:#111;background:linear-gradient(135deg, var(--orange), var(--orange-2));border-color:#0000}.project-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.project-title-row h3{margin-bottom:0}.category-pill{color:#ffd39a;white-space:nowrap;text-overflow:ellipsis;background:#ff9f0a1a;border:1px solid #ff9f0a38;border-radius:999px;align-items:center;max-width:130px;padding:5px 9px;font-size:.78rem;font-weight:900;display:inline-flex;overflow:hidden}.contact-form button:disabled{opacity:.72;cursor:not-allowed}.app-state{text-align:center;place-items:center;gap:16px;min-height:52vh;padding:40px 20px;display:grid}.app-state p{color:var(--muted);margin:0}.spinner{border:3px solid #ff9f0a38;border-top-color:var(--orange);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.docs-page .docs-chips{margin:4px 0 22px}.docs-body{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:26px max(18px,min(4vw,34px))}.docs-body h2{color:var(--orange);align-items:center;gap:10px;margin:26px 0 12px;font-size:1.12rem;display:flex}.docs-body h2:first-child{margin-top:0}.docs-body p{color:var(--muted);margin:0 0 12px;line-height:1.7}.docs-body ul{gap:8px;margin:0 0 14px;padding-left:20px;display:grid}.docs-body li{color:var(--muted);line-height:1.6}.docs-body li::marker{color:var(--orange)}.docs-body a{color:var(--orange);word-break:break-word}.docs-body a:hover{text-decoration:underline}.detail-panel .btn{margin-top:12px}