:root{--bg:#0c0c0e;--surface:#131316;--surface-2:#1a1a1f;--surface-inset:#0d0d10;--border:#ffffff14;--border-strong:#ffffff29;--text:#e8e8ed;--text-dim:#a1a1aa;--text-faint:#6b6b76;--glass:#161618cc;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:#99f6e4;--accent-rgb:45 212 191;--on-accent:#042f2e}:root[data-theme=light]{--bg:#f7f7f8;--surface:#fff;--surface-2:#eeeef1;--surface-inset:#f0f0f3;--border:#00000017;--border-strong:#0000002e;--text:#18181b;--text-dim:#52525b;--text-faint:#78787f;--glass:#ffffffbf;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#0d9488;--accent-rgb:15 118 110;--on-accent:#fff}:root{--primary-color:var(--accent);--secondary-color:#a3e635;--accent-color:var(--accent);--success-color:#a3e635;--warning-color:#f39c12;--error-color:#ffb4ab;--dark-color:var(--bg);--darker-color:var(--surface-inset);--card-bg:var(--surface);--glass-bg:var(--glass);--section-bg:var(--bg);--alt-section-bg:var(--surface);--text-color:var(--text);--text-muted:var(--text-dim);--text-light:var(--text-faint);--white:#fff;--nav-text:var(--text);--gradient-primary:var(--accent);--gradient-secondary:linear-gradient(135deg, #a3e635, #86c91a);--gradient-hero:var(--bg);--gradient-glow:#111113;--gradient-text:var(--accent);--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-glow:0 4px 16px #0000001f;--shadow-card:0 10px 30px -5px #0006;--border-light:var(--border-strong);--glass-border:1px solid var(--border)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-hanken), "Inter", sans-serif;color:var(--text-color);background-color:var(--dark-color);text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface-inset)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--surface-inset);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00f2ff}::selection{color:#00f2ff;background:#00f2ff40}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}section{transition:opacity .6s}.tech-tag{transition:all .25s!important}.tech-tag:hover{transform:translateY(-2px);color:#00363a!important;background:#00f2ff!important;border-color:#00f2ff!important}.glass-card{transition:box-shadow .3s,border-color .3s}.section-title{font-family:var(--font-space), sans-serif;color:var(--text);text-align:center;letter-spacing:-.02em;margin:0 auto 50px;font-size:clamp(2rem,4vw,2.8rem);font-weight:600;display:table;position:relative}.section-title:after{content:"";background:var(--accent);border-radius:2px;width:32px;height:2px;margin:14px auto 0;display:block}h1,h2,h3,h4,h5,h6{text-align:center;color:var(--text-color);margin-bottom:1rem}p{text-align:center;color:var(--text-muted)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.hero-content{opacity:1;width:100%;max-width:800px;transition:var(--transition);box-sizing:border-box;z-index:10;margin:0 auto;padding:0 20px;position:relative;transform:translateY(0)}@keyframes blink{0%,to{opacity:0}50%{opacity:0}}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.about{box-sizing:border-box;width:100%;padding-inline:20px}.about-text{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.about-text p{text-align:center;color:var(--text-color);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-text p:first-child{font-size:1.2rem;font-weight:500}.skills{text-align:center;box-sizing:border-box;width:100%;max-width:100vw;padding-inline:20px;position:relative;overflow:hidden}.skills:before,.skills:after{display:none}.skills .section-title{z-index:2;position:relative}.skills-categories{z-index:2;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:60px;display:flex;position:relative}.category-filter{border:1px solid var(--border-strong);color:var(--text-light);cursor:pointer;transition:var(--transition);letter-spacing:.3px;background:0 0;border-radius:8px;padding:10px 22px;font-size:.88rem;font-weight:500}.category-filter:hover,.category-filter.active{background:rgb(var(--accent-rgb) / .1);color:var(--text);border-color:rgb(var(--accent-rgb) / .3)}.skill{opacity:0;will-change:transform, opacity;perspective:1000px;width:280px;height:240px;transition:all .8s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateY(60px)scale(.8)}.skill.animate{opacity:1;transform:translateY(0)scale(1)}@keyframes neuralPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.projects{text-align:center;box-sizing:border-box;width:100%;padding-inline:20px;position:relative;overflow:hidden}.project-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:40px;display:flex}.filter-btn{border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:8px 20px;font-size:.88rem;font-weight:500;transition:all .3s;display:flex}.filter-btn:hover,.filter-btn.active{background:rgb(var(--accent-rgb) / .1);color:var(--text);border-color:rgb(var(--accent-rgb) / .3)}.project-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));place-items:start center;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:0 20px;display:grid}.project-image{border-radius:16px 16px 0 0;height:150px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:all .3s}.contact{text-align:center;box-sizing:border-box;width:100%;padding-inline:20px}.footer{text-align:center;border-top:1px solid var(--border-light);padding:30px 20px}.footer p{color:var(--text-muted)}.scroll-top{color:#00363a;cursor:pointer;opacity:0;visibility:hidden;z-index:990;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00f2ffd9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 16px #00f2ff4d}@media (max-width:768px){.scroll-top{width:40px;height:40px;font-size:.95rem;bottom:20px;right:16px;box-shadow:0 4px 12px #00f2ff40}}@media (max-width:480px){.scroll-top{width:38px;height:38px;font-size:.9rem;bottom:16px;right:14px}}.scroll-top.active{opacity:1;visibility:visible}.scroll-top:hover{background:#00dbe7;transform:translateY(-5px);box-shadow:0 0 20px #00f2ff4d}@media (max-width:1200px){.project-grid{max-width:95%;padding:0 20px}.section-title{text-align:center}}@media (max-width:992px){.section-title{text-align:center;font-size:2.2rem}.skill{width:130px}.circle{width:110px;height:110px}.about-text{text-align:center;max-width:600px;margin:0 auto;padding-top:0;font-size:1.1rem}.about-text p{text-align:center;margin-bottom:22px}.about-text p:first-child{text-align:center;font-size:1.15rem}.cv-button{text-align:center;margin-top:30px}}@media (max-width:768px){body{padding-top:0}.hero-content{text-align:center;box-sizing:border-box;width:100%;padding:0 15px}.hero-content h1{font-size:2rem!important}.hero-content p{font-size:1.5rem!important}.about{width:100%;padding-inline:15px}.about-text{text-align:center;width:100%;padding:0 15px}.about-text p{text-align:center;font-size:.9rem}.circle{width:80px;height:80px}.skill p{margin-top:8px;font-size:.85rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:0 10px}.project-image{height:80px}.hero-buttons{flex-direction:column;width:100%}.cv-button{text-align:center;margin-top:30px}}.cv-button{text-align:center;margin-top:auto;padding-top:10px}.experience{text-align:center;box-sizing:border-box;width:100%;padding-inline:20px}.experience-container{flex-direction:column;align-items:center;gap:30px;max-width:800px;margin:0 auto;display:flex}.company{color:var(--primary-color);text-align:center;margin-bottom:5px;font-size:1.1rem;font-weight:500;transition:all .3s}.duration{color:var(--text-muted);text-align:center;font-size:.95rem;font-style:italic;transition:all .3s}.project-grid,.experience-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}img{box-sizing:border-box;max-width:100%;height:auto}section{box-sizing:border-box;width:100%;overflow-x:hidden}@media screen and (min-width:390px) and (max-width:428px){.project-image{border-radius:15px 15px 0 0!important;height:200px!important}}@media screen and (max-width:480px){.skill{height:160px;margin-bottom:10px}}@media (max-width:768px){.nav-link,.scroll-top{min-width:44px;min-height:44px}}#experience,#contact,#projects,#skills,#about{z-index:1;position:relative;opacity:1!important;visibility:visible!important;display:block!important}.tech-tag{color:#00f2ff;font-size:.8rem;font-family:var(--font-jetbrains), monospace;letter-spacing:.03em;background:#00f2ff0f;border:1px solid #00f2ff26;border-radius:9999px;padding:6px 16px;font-weight:500}@keyframes titleReveal{0%{opacity:0;filter:blur(8px);transform:translateY(30px)scale(.9)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (max-width:768px){.section-title{font-size:2.5rem}.hero-content{padding:1rem!important}.hero-content h1{margin-bottom:1rem!important;font-size:2.5rem!important}.experience-container{padding:0 10px}.nav-links{display:none!important}}@media (max-width:480px){.hero-content{padding:.5rem!important}.hero-content h1{margin-bottom:.75rem!important;font-size:2rem!important}.hero-buttons{gap:10px!important}}@media (max-width:768px){.skills-categories{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px;position:relative;z-index:100!important;display:flex!important}.category-filter{-webkit-tap-highlight-color:rgb(var(--accent-rgb) / .3);touch-action:manipulation;min-width:44px;min-height:44px;padding:12px 20px;position:relative;z-index:101!important;pointer-events:auto!important;cursor:pointer!important}.category-filter:active{transform:scale(.97);background:var(--accent)!important;color:var(--on-accent)!important}.project-filters{position:relative;z-index:100!important}.filter-btn{-webkit-tap-highlight-color:rgb(var(--accent-rgb) / .3);touch-action:manipulation;min-width:44px;min-height:44px;position:relative;z-index:101!important;pointer-events:auto!important;cursor:pointer!important}.filter-btn:active{transform:scale(.97);background:var(--primary-color)!important;color:var(--on-accent)!important}#contact{z-index:10;position:relative}#contact form,#contact input,#contact textarea,#contact button{position:relative;z-index:20!important;pointer-events:auto!important}#contact input,#contact textarea{appearance:none;touch-action:manipulation;font-size:16px!important}#contact button[type=submit]{-webkit-tap-highlight-color:rgb(var(--accent-rgb) / .3);touch-action:manipulation;min-height:50px;cursor:pointer!important}#contact button[type=submit]:active{transform:scale(.98)}#contact a{-webkit-tap-highlight-color:rgb(var(--accent-rgb) / .3);touch-action:manipulation;min-width:44px;min-height:44px;line-height:44px;display:inline-block;position:relative;z-index:20!important;pointer-events:auto!important}#contact a:active{transform:scale(.98);color:var(--primary-color)!important}#contact>div>div>div:last-child>div{cursor:pointer;transition:transform .2s;position:relative;z-index:15!important}#contact>div>div>div:last-child>div:active{background:rgb(var(--accent-rgb) / .05);transform:scale(.98)}#contact>div>div>div:last-child>div a{text-align:left;width:100%;display:block;position:relative;z-index:25!important}.skill{position:relative;z-index:11!important;pointer-events:auto!important}.project-grid{position:relative;z-index:10!important}.glass-card{position:relative;z-index:11!important;pointer-events:auto!important}.view-project-btn{-webkit-tap-highlight-color:rgb(var(--accent-rgb) / .3);touch-action:manipulation;min-width:44px;min-height:44px;position:relative;z-index:20!important;pointer-events:auto!important}.view-project-btn:active{transform:scale(.97)}}.reveal,.reveal.active{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.scroll-top{background:rgb(var(--accent-rgb) / .85);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:990;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 16px #0000001f}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{background:var(--accent);transform:translateY(-2px)}.scroll-top i{font-size:1.1rem}@media (max-width:768px){.scroll-top{width:40px;height:40px;font-size:.95rem;bottom:20px;right:16px}}.mobile-floating-hub-btn{z-index:995;border:1px solid rgb(var(--accent-rgb) / .25);color:var(--accent);-webkit-backdrop-filter:blur(12px);font-family:var(--font-hanken), sans-serif;background:#0c0c0ee6;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:fixed;bottom:20px;left:16px;box-shadow:0 6px 20px #00000080}.mobile-floating-hub-btn:hover{background:rgb(var(--accent-rgb) / .1);border-color:rgb(var(--accent-rgb) / .4);transform:translateY(-2px)}@media (min-width:769px){.mobile-floating-hub-btn{display:none!important}}.project-image-placeholder.project-image-placeholder{box-sizing:border-box;text-align:center;background:linear-gradient(135deg, rgb(var(--accent-rgb) / .18), #a3e6351a), var(--surface-2);width:100%;height:100%;min-height:200px;color:var(--text);font-family:var(--font-space), sans-serif;justify-content:center;align-items:center;padding:24px;font-size:1.4rem;font-weight:600;display:flex}.project-image-placeholder.project-image-placeholder--icon{letter-spacing:.04em;min-height:0;padding:0;font-size:2rem}.project-image-placeholder.project-image-placeholder--backdrop{letter-spacing:.06em;color:var(--primary-color);opacity:.55;align-items:flex-start;padding-top:18%;font-size:clamp(3.5rem,9vw,5.5rem)}:root{--section-space:clamp(36px, 7vw, 100px)}#about,#experience,#education,#skills,#projects,#contact{padding-block:var(--section-space)}.timeline-container,.experience-container{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;display:flex}.exp-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:12px;padding:28px 32px;transition:border-color .3s}.exp-card:hover{border-color:var(--border-strong)}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.exp-title{font-family:var(--font-space), sans-serif;color:var(--text);text-align:left;margin:0 0 4px;font-size:1.15rem;font-weight:600}.exp-company{font-family:var(--font-hanken), sans-serif;color:var(--accent);text-align:left;margin:0;font-size:.88rem;font-weight:500}.exp-duration{font-family:var(--font-jetbrains), monospace;color:var(--text-faint);white-space:nowrap;background:var(--border);border:1px solid var(--border);border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:.75rem}.exp-list{margin:0 0 18px;padding:0;list-style:none}.exp-list-item{border-left:2px solid var(--border);color:var(--text-dim);font-family:var(--font-hanken), sans-serif;text-align:left;padding:6px 0 6px 16px;font-size:.93rem;line-height:1.6}.exp-tech-stack{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{font-family:var(--font-jetbrains), monospace;background:rgb(var(--accent-rgb) / .06);color:var(--text-faint);border:1px solid var(--border);letter-spacing:.02em;border-radius:4px;padding:3px 10px;font-size:.7rem;transition:color .2s}.tech-tag:hover{color:var(--text-dim)}@media (max-width:768px){.exp-card{padding:22px 20px}.exp-header{flex-direction:column;align-items:flex-start;gap:8px}.exp-list-item{font-size:.9rem}}a:focus-visible,button:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{z-index:10000;background:var(--accent);color:var(--on-accent);font-family:var(--font-hanken), sans-serif;border-radius:6px;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .15s;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}:root{--grid-line:#ffffff0b;--grid-glow:rgb(var(--accent-rgb) / .14)}:root[data-theme=light]{--grid-line:#0f172a0f;--grid-glow:rgb(var(--accent-rgb) / .1)}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% -5%, var(--grid-glow), transparent 70%), linear-gradient(to right, var(--grid-line) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px) 0 0 / 44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 75% at 50% 0,#000 35%,#0000 100%);mask-image:radial-gradient(90% 75% at 50% 0,#000 35%,#0000 100%)}