@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.all-projects-container{width:100%;max-width:1380px;margin:0 auto;padding:124px clamp(28px,5vw,76px) 96px}.all-projects-container .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;display:grid}.all-projects-container .project-card{grid-column:auto;min-width:0}.active-project-showcase{z-index:10;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:start;gap:clamp(42px,6vw,74px);display:grid;position:relative}.project-detail-title{color:var(--text-primary);letter-spacing:-.055em;margin-bottom:16px;font-size:clamp(2.15rem,4vw,3.65rem);font-weight:800;line-height:1.02}.project-detail-desc{color:var(--text-secondary);text-wrap:pretty;margin-bottom:30px;font-size:.93rem;font-weight:500;line-height:1.76}.project-links-box{flex-wrap:wrap;gap:10px;margin-bottom:38px;display:flex}.repo-link{border:var(--border-card);background:var(--bg-card3);min-height:42px;color:var(--card-text-main);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);transition:transform .26s var(--ease-out), border-color .26s ease, box-shadow .26s ease;border-radius:999px;align-items:center;gap:9px;padding:9px 15px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.repo-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.dot-icon{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%}.tech-section h3,.features-section h3{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 16px;font-size:.95rem;font-weight:800}.tech-tags-grid{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.tech-tag{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:var(--accent-soft);color:var(--pill-text);border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:800}.features-list{flex-direction:column;gap:11px;padding:0;list-style:none;display:flex}.features-list li{color:var(--text-secondary);padding-left:24px;font-size:.86rem;font-weight:500;line-height:1.62;position:relative}.features-list li:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;position:absolute;top:.62em;left:0}.mockup-wrapper{border:var(--border-card);border-radius:var(--radius-xl);background:var(--bg-card3);box-shadow:var(--card-shadow-hover);-webkit-backdrop-filter:blur(22px);padding:12px;position:relative;top:auto;overflow:hidden}.mockup-img{object-fit:contain;object-position:top;background:var(--surface-muted);border-radius:22px;width:100%;max-height:720px;display:block}.mockup-img.clickable{cursor:zoom-in}.gallery-nav-btn{z-index:5;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:46px;height:46px;transition:transform .25s var(--ease-out), background .25s ease;background:#0a0e1a94;border:1px solid #ffffff26;border-radius:50%;place-items:center;font-size:1.15rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-btn:hover{background:var(--accent);transform:translateY(-50%)scale(1.07)}.gallery-nav-btn.prev{left:24px}.gallery-nav-btn.next{right:24px}.screenshots-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.screenshot-thumb{aspect-ratio:16/10;background:var(--surface-muted);cursor:pointer;transition:border-color .25s ease, transform .25s var(--ease-out);border:1px solid #0000;border-radius:13px;padding:4px;overflow:hidden}.screenshot-thumb img{object-fit:cover;object-position:top;opacity:.66;width:100%;height:100%;transition:opacity .25s ease, transform .35s var(--ease-out);border-radius:9px}.screenshot-thumb:hover,.screenshot-thumb.active{border-color:var(--accent);transform:translateY(-2px)}.screenshot-thumb:hover img,.screenshot-thumb.active img{opacity:1;transform:scale(1.025)}.section-divider{border:0;border-top:var(--border-card);margin:78px 0 58px}.other-projects-heading{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(1.42rem,2.5vw,1.85rem);font-weight:800}.img-wrapper{background:var(--surface-muted);width:100%;height:185px;overflow:hidden}.img-wrapper img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .65s var(--ease-out), filter .65s ease}.project-card:hover .img-wrapper img{filter:saturate(1.04);transform:scale(1.055)}.project-info{padding:20px}.project-info h3{color:var(--card-text-main);letter-spacing:-.025em;margin:0 0 10px;font-size:1.06rem;font-weight:800}.project-info p{color:var(--card-text-sub);margin-bottom:20px;font-size:.82rem;font-weight:500;line-height:1.65}.project-card-btn{background:var(--button-gradient);min-height:40px;box-shadow:0 10px 22px var(--button-gradient-shadow);cursor:pointer;transition:transform .25s var(--ease-out), box-shadow .25s ease;border:0;border-radius:999px;padding:8px 17px;font-size:.8rem;font-weight:800;color:#fff!important}.project-card-btn *{color:#fff!important}.project-card-btn:hover{box-shadow:0 14px 28px var(--button-gradient-shadow);transform:translateY(-2px)}.image-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(18px);background:#03050cdb;justify-content:center;align-items:center;padding:24px;animation:.24s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}.image-modal-content{justify-content:center;align-items:center;max-width:92vw;max-height:90vh;display:flex;position:relative}.image-modal-img{object-fit:contain;border:1px solid #ffffff24;border-radius:18px;max-width:100%;max-height:85vh;box-shadow:0 38px 100px #0009}.image-modal-close,.modal-nav-btn{z-index:10001;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;transition:transform .23s var(--ease-out), background .23s ease;background:#0f172aad;border:1px solid #ffffff24;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;position:absolute}.image-modal-close{top:-18px;right:-18px}.image-modal-close:hover{background:var(--accent);transform:scale(1.08)rotate(6deg)}.modal-nav-btn{top:50%;transform:translateY(-50%)}.modal-nav-btn:hover{background:var(--accent);transform:translateY(-50%)scale(1.08)}.modal-nav-btn.prev{left:-64px}.modal-nav-btn.next{right:-64px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.all-projects-container .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.active-project-showcase{grid-template-columns:1fr}.mockup-wrapper{position:relative;top:0}}@media (width<=760px){.all-projects-container{padding:106px 18px 72px}.all-projects-container .projects-grid{grid-template-columns:1fr;gap:18px}.screenshots-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-nav-btn.prev{left:10px}.modal-nav-btn.next{right:10px}}@media (width<=520px){.gallery-nav-btn{width:40px;height:40px}.gallery-nav-btn.prev{left:18px}.gallery-nav-btn.next{right:18px}.image-modal-close{top:8px;right:8px}}.language-toggle-btn{border:var(--border-card2);background:color-mix(in srgb, var(--bg-card3) 88%, transparent);min-width:72px;height:40px;color:var(--text-secondary);letter-spacing:.04em;-webkit-backdrop-filter:blur(16px);transition:transform .25s var(--ease-out), border-color .25s ease, color .25s ease, box-shadow .25s ease;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 10px 28px #0f172a14}.language-toggle-btn:hover{border-color:color-mix(in srgb, var(--accent) 52%, transparent);color:var(--text-primary);box-shadow:0 14px 32px var(--button-gradient-shadow);transform:translateY(-2px)}.language-toggle-btn span{color:inherit;opacity:.48;transition:color .25s,opacity .25s}.language-toggle-btn span.active{color:var(--accent);opacity:1}.language-toggle-btn .language-toggle-separator{opacity:.3}.language-toggle-btn--standalone{flex:none}.all-projects-topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:3rem;display:flex}@media (width<=640px){.language-toggle-btn{min-width:66px;height:38px;padding:0 10px}.all-projects-topbar{flex-direction:column-reverse;align-items:stretch}.all-projects-topbar .language-toggle-btn{align-self:flex-end}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#dddedf;--bg-light:#dddedf;--bg-gradient-topLoader:radial-gradient(circle at 50% 38%, #6d5dfc21, transparent 28rem), linear-gradient(145deg, #fbfcff 0%, #f2f4fb 52%, #f7f5ff 100%);--bg-card:#ffffffd1;--bg-card3:#ffffffad;--surface-strong:#fff;--surface-muted:#edf1f7;--border-card:1px solid #10182813;--border-card2:1px solid #1018281f;--text-on-bg:#111827;--text-on-bg-sub:#566276;--text-primary:#111827;--text-secondary:#667085;--section-text:#111827;--card-text-main:#101828;--card-text-sub:#667085;--accent:#6d5dfc;--accent2:#14a89c;--accent-soft:#6d5dfc1a;--accent-glow:#6d5dfc38;--success:#159667;--danger:#d93f5f;--pill-bg:#6d5dfc16;--pill-text:#5949df;--upper-icon-bg:#6d5dfc17;--grey-text-light:#8290a3;--grey-text-strong:#344054;--text-gradient:linear-gradient(120deg, #5b4df6 0%, #8662f4 45%, #16a89e 100%);--button-gradient:linear-gradient(120deg, #6455f5 0%, #7c4fea 54%, #16a89e 120%);--button-gradient-hover:#6d5dfc33;--button-gradient-shadow:#5b4df63d;--orbit-center:radial-gradient(circle, #5b4df68c 0%, #14a89c2e 38%, transparent 72%);--pulse:radial-gradient(circle, #5b4df657 0%, #14a89c17 48%, transparent 74%);--cube-border-normal:#6366f1b3;--cube-bg-normal:#1e1b4bf0;--cube-shadow-normal:inset 0 1px 0 #fff3, 0 16px 36px #0f172a59, 0 0 20px #6366f140;--cube-border-flash:#818cf8f2;--cube-bg-flash:#312e81f5;--cube-shadow-flash:inset 0 1px 0 #ffffff80, 0 0 36px #6366f1a6;--card-shadow:0 18px 50px #10182812, 0 2px 8px #10182809;--card-shadow-hover:0 26px 65px #1018281f, 0 8px 28px #6d5dfc1a;--nav-bg:#fafbffc2;--nav-text:#273244;--nav-text-hover:#5b4df6;--nav-border:#10182813;--input-bg:#ffffffc2;--input-border:1px solid #1018281c;--input-text:#101828;--input-placeholder:#8b96a8;--input-focus-bg:#fff;--input-focus-border:#6d5dfc;--input-focus-shadow:0 0 0 4px #6d5dfc1a;--nebula:radial-gradient(circle at 68% 22%, #6d5dfc29 0%, #14a89c11 36%, transparent 70%);--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--content-width:1200px;--ease-out:cubic-bezier(.22, 1, .36, 1);--container-padding:10%}.dark-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f1b;--bg-light:#111827;--bg-gradient-top:linear-gradient(180deg, #080a12 0%, #0b1020 70%, transparent 100%);--bg-gradient-topLoader:linear-gradient(145deg, #070912 0%, #10142b 48%, #121023 100%);--bg-gradient-second:transparent;--bg-card:#101626b3;--bg-card3:#0f1524a8;--surface-strong:#121827;--surface-muted:#111726;--border-card:1px solid #ffffff13;--border-card2:1px solid #ffffff1f;--text-on-bg:#f7f8fc;--text-on-bg-sub:#a8b1c2;--text-primary:#f7f8fc;--text-secondary:#9aa6b8;--section-text:#f7f8fc;--card-text-main:#f8fafc;--card-text-sub:#a5afc0;--accent:#8b7cff;--accent2:#56d6c9;--accent-soft:#8b7cff24;--accent-glow:#8b7cff57;--pill-bg:#8b7cff1f;--pill-text:#b9b0ff;--upper-icon-bg:#8b7cff21;--grey-text-light:#79869a;--grey-text-strong:#c7cfdb;--text-gradient:linear-gradient(120deg, #9d91ff 0%, #c084fc 44%, #5eead4 100%);--button-gradient:linear-gradient(120deg, #7868ff 0%, #9d5cf6 56%, #20b8ab 120%);--button-gradient-hover:#8b7cff57;--button-gradient-shadow:#6855ff57;--orbit-center:radial-gradient(circle, #8b7cffcc 0%, #5eead43d 34%, transparent 72%);--pulse:radial-gradient(circle, #8b7cff70 0%, #5eead41c 48%, transparent 74%);--cube-border-normal:#00dcffd9;--cube-bg-normal:#003c4ff0;--cube-shadow-normal:inset 0 1px 0 #ffffff40, 0 18px 48px #0009, 0 0 28px #00c8f073;--cube-border-flash:#00f0fff2;--cube-bg-flash:#005f7df2;--cube-shadow-flash:inset 0 1px 0 #fff9, 0 0 42px #00dcffbf;--card-shadow:0 24px 65px #0000005c, inset 0 1px 0 #ffffff06;--card-shadow-hover:0 32px 80px #00000080, 0 10px 34px #6855ff26;--nav-bg:#080b14b8;--nav-text:#d5dbea;--nav-text-hover:#a89cff;--nav-border:#ffffff12;--input-bg:#080c169e;--input-border:1px solid #ffffff1a;--input-text:#f7f8fc;--input-placeholder:#6f7b8e;--input-focus-bg:#111827eb;--input-focus-border:#8b7cff;--input-focus-shadow:0 0 0 4px #8b7cff24;--nebula:radial-gradient(circle at 66% 22%, #6855ff47 0%, #2dd4bf17 34%, transparent 70%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px;font-size:15.5px}body{background:radial-gradient(circle at 12% 8%, #6d5dfc14, transparent 26rem), radial-gradient(circle at 88% 18%, #14b8a60e, transparent 22rem), var(--bg);min-width:320px;color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;transition:background-color .35s,color .35s;overflow-x:hidden}body.no-scroll{height:100vh;overflow:hidden}img,picture,svg,canvas{max-width:100%}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #6d5dfc5c}.main-styled.cold{background:var(--button-gradient);min-height:46px;box-shadow:0 12px 28px var(--button-gradient-shadow);letter-spacing:-.01em;cursor:pointer;transition:transform .28s var(--ease-out), box-shadow .28s ease, filter .28s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 22px;font-weight:800;display:inline-flex;color:#fff!important}.main-styled.cold *{color:#fff!important}.main-styled.cold:hover{filter:saturate(1.08)brightness(1.03);box-shadow:0 18px 38px var(--button-gradient-shadow);transform:translateY(-3px)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 42%, transparent);border:3px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (width<=600px){html{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}main{isolation:isolate;position:relative}main>*{width:100%}.space-container{width:100%;min-height:100vh;position:relative}.content-layer{z-index:10;width:100%;position:relative}.space-scene{z-index:-1;perspective:1200px;perspective-origin:50%;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.dark-theme .space-scene{display:block}.space-scene:after{z-index:5;content:"";pointer-events:none;background:radial-gradient(circle at 50% 35%,#0000 0%,#03050c52 72%,#03050cb3 100%);position:absolute;inset:0}.grid-layer{transform-style:preserve-3d;background-image:linear-gradient(#8b7cff09 1px,#0000 1px),linear-gradient(90deg,#8b7cff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:-35%;transform:rotateX(66deg)translateY(22%);-webkit-mask-image:linear-gradient(#0000 0%,#000000b8 48%,#0000 92%);mask-image:linear-gradient(#0000 0%,#000000b8 48%,#0000 92%)}.stars-layer{opacity:.55;transform-style:preserve-3d;background-image:radial-gradient(circle,#ffffffe6 1px,#0000 1.2px),radial-gradient(circle,#a78bfa99 1px,#0000 1.4px),radial-gradient(circle,#5eead473 1.4px,#0000 1.8px);background-position:0 0,90px 60px,180px 120px;background-size:260px 260px,380px 380px,460px 460px;animation:210s linear infinite cosmicOrbit;position:absolute;inset:-60%}.nebula{z-index:1;background:var(--nebula);filter:blur(90px);pointer-events:none;width:min(1400px,110vw);height:620px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}button{z-index:1;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}button.main-styled{background:var(--button-gradient);color:#fff;min-height:48px;box-shadow:0 14px 32px var(--button-gradient-shadow);transition:transform .3s var(--ease-out), box-shadow .3s ease, filter .3s ease;padding:12px 26px}button.main-styled:after{z-index:-1;content:"";width:32%;height:200%;transition:left .72s var(--ease-out);background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;top:-50%;left:-80%;transform:rotate(24deg)}button.main-styled:hover{filter:saturate(1.08)brightness(1.04);box-shadow:0 20px 42px var(--button-gradient-hover);transform:translateY(-3px)}button.main-styled:hover:after{left:150%}.reveal-section{opacity:0;transition:transform .8s var(--ease-out), opacity .8s ease;transform:translateY(28px)}.reveal-section.animate-reveal{opacity:1;transform:translateY(0)}@keyframes cosmicOrbit{0%{transform:rotateX(50deg)rotateY(-12deg)rotate(0)translateZ(-360px)scale(.72)}to{transform:rotateX(50deg)rotateY(-12deg)rotate(360deg)translateZ(-360px)scale(.72)}}.about-section{background:var(--bg-gradient-second);justify-content:center;align-items:center;width:100%;padding:clamp(84px,10vw,132px) 20px;display:flex;position:relative;overflow:clip}.about-section:before{content:"";background:radial-gradient(circle, var(--accent-soft), transparent 68%);filter:blur(24px);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;top:8%;left:-10%}.about-container{z-index:2;padding:0 var(--container-padding);grid-template-columns:minmax(280px,.8fr) minmax(0,1.35fr);align-items:start;gap:clamp(48px,7vw,92px);display:grid;position:relative}.left-column{flex-direction:column;gap:34px;width:100%;display:flex;position:sticky;top:112px}.about-content{min-width:0}.about-title{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:800}.profile-header h3{color:var(--section-text);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.45rem,5vw,4.6rem);font-weight:800;line-height:1.03}.profile-tagline{color:var(--text-secondary);margin:14px 0 26px;font-size:clamp(1rem,1.5vw,1.16rem);font-weight:700}.profile-description{max-width:720px;color:var(--text-on-bg-sub);text-wrap:pretty;margin-bottom:38px;font-size:clamp(1rem,1.4vw,1.08rem);font-weight:500;line-height:1.85}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:52px;display:grid}.info-item{border:var(--border-card);border-radius:var(--radius-md);background:var(--bg-card3);min-width:0;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px);transition:transform .28s var(--ease-out), border-color .28s ease, box-shadow .28s ease;align-items:center;gap:13px;padding:16px;display:flex;position:relative;overflow:hidden}.info-item:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.info-item:hover:after{opacity:1}.info-icon{z-index:2;background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:0 0 40px;place-items:center;font-size:1.15rem;display:grid;position:relative}.info-item>div:last-child{min-width:0}.info-label{color:var(--card-text-sub);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:.67rem;font-weight:800;display:block}.info-value{color:var(--card-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;display:block;overflow:hidden}.education-section{margin-top:12px}.education-title{border-bottom:var(--border-card2);color:var(--section-text);align-items:center;gap:11px;margin-bottom:30px;padding-bottom:16px;font-size:1.18rem;font-weight:800;display:flex}.education-title svg,.certificates-title svg{color:var(--accent)}.timeline{border-left:1px solid color-mix(in srgb, var(--text-secondary) 26%, transparent);margin-left:9px;padding-left:32px;position:relative}.timeline-item{border:var(--border-card);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-card3) 88%, transparent);transition:transform .28s var(--ease-out), border-color .28s ease, background .28s ease;margin-bottom:32px;padding:20px 22px;position:relative}.timeline-item:hover{border-color:color-mix(in srgb, var(--accent) 34%, transparent);transform:translate(5px)}.timeline-item:last-child{margin-bottom:0}.timeline-dot{border:3px solid var(--bg);background:var(--text-secondary);width:13px;height:13px;box-shadow:0 0 0 1px color-mix(in srgb, var(--text-secondary) 36%, transparent);transition:transform .28s var(--ease-out), background .28s ease, box-shadow .28s ease;border-radius:50%;position:absolute;top:28px;left:-39px}.timeline-item:hover .timeline-dot,.timeline-item.active .timeline-dot{background:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 22px var(--accent-glow);transform:scale(1.12)}.timeline-date{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:.77rem;font-weight:800}.timeline-item:not(.active) .timeline-date{color:var(--text-secondary)}.timeline-content h5{color:var(--section-text);letter-spacing:-.02em;margin:0 0 5px;font-size:1.08rem;font-weight:800}.timeline-content h6{color:var(--text-secondary);margin:0 0 7px;font-size:.91rem;font-weight:700}.timeline-content p{color:var(--text-secondary);margin:0;font-size:.88rem;font-weight:500;line-height:1.65}.about-section .personal-info{justify-content:center;align-items:center;width:100%;display:flex}.about-section .frame{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:radial-gradient(circle at 50% 42%, var(--accent-soft), transparent 58%), var(--bg-card3);width:min(100%,380px);box-shadow:var(--card-shadow-hover), inset 0 1px 0 #ffffff1f;filter:none;border-radius:34%;animation:7s ease-in-out infinite levitate;position:relative;overflow:hidden}.about-section .frame:before{z-index:0;content:"";border:1px solid color-mix(in srgb, var(--accent) 17%, transparent);pointer-events:none;border-radius:30%;position:absolute;inset:14px}.shine-overlay{z-index:10;opacity:0;background:linear-gradient(120deg,#0000 30%,#ffffff6b 50%,#0000 70%);width:100%;height:100%;position:absolute;inset:0;transform:rotate(18deg)scale(2)}.shine-overlay.animate-shine{animation:.85s forwards swordShine}model-viewer{width:100%;height:100%;animation:16s ease-in-out infinite rotateOnLevitate}.model-icon-slot{pointer-events:none;justify-content:center;align-items:center;width:30%;height:30%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.neon-user-icon{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:var(--bg-card3);width:100%;height:100%;color:var(--accent);box-shadow:0 0 36px var(--accent-glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;font-size:3.2rem;display:flex}.certificates-section{width:100%;max-width:430px;margin:0 auto}.certificates-title{color:var(--section-text);align-items:center;gap:10px;margin-bottom:16px;font-size:1rem;font-weight:800;display:flex}.certificates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cert-card{border:var(--border-card);border-radius:var(--radius-md);background:var(--bg-card3);box-shadow:var(--card-shadow);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(16px);transition:transform .28s var(--ease-out), border-color .28s ease, box-shadow .28s ease;padding:9px;overflow:hidden}.cert-card:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.cert-img-wrapper{background:var(--surface-muted);border-radius:13px;width:100%;height:132px;margin-bottom:9px;overflow:hidden}.cert-img-wrapper img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .45s var(--ease-out), filter .45s ease}.cert-card:hover .cert-img-wrapper img{filter:saturate(1.05);transform:scale(1.045)}.cert-card span{color:var(--card-text-main);text-overflow:ellipsis;white-space:nowrap;padding:0 5px 3px;font-size:.76rem;font-weight:800;display:block;overflow:hidden}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(18px);background:#04060cd6;justify-content:center;align-items:center;padding:24px;animation:.24s fadeIn;display:flex;position:fixed;inset:0}.lightbox-overlay img{border:1px solid #ffffff24;border-radius:18px;width:auto;max-width:min(94vw,1200px);height:auto;max-height:86vh;box-shadow:0 40px 100px #00000094}.lightbox-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:46px;height:46px;transition:transform .25s var(--ease-out), background .25s ease;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:22px;right:22px}.lightbox-close:hover{background:var(--accent);transform:rotate(8deg)scale(1.06)}@keyframes levitate{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-13px)rotate(.5deg)}}@keyframes swordShine{0%{opacity:0;transform:translate(-110%)rotate(18deg)scale(2)}12%{opacity:1}to{opacity:0;transform:translate(110%)rotate(18deg)scale(2)}}@keyframes rotateOnLevitate{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.about-container{grid-template-columns:1fr}.left-column{align-items:center;max-width:520px;margin:0 auto;position:relative;top:0}.about-content{text-align:center}.profile-description{margin-left:auto;margin-right:auto}.info-grid{text-align:left;max-width:650px;margin-left:auto;margin-right:auto}}@media (width<=620px){.about-section{padding:74px 16px}.about-container{gap:42px}.about-section .frame{border-radius:28%;width:min(100%,320px)}.info-grid{grid-template-columns:1fr}.timeline{margin-left:5px;padding-left:24px}.timeline-dot{left:-31px}.timeline-item{padding:18px}.certificates-grid{grid-template-columns:1fr}.certificates-section{max-width:330px}}.contact-section{z-index:10;width:100%;padding:var(--container-padding);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.contact-section:before{content:"";background:radial-gradient(circle, var(--accent-soft), transparent 68%);filter:blur(34px);pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-15%;right:-12%}.contact-container{z-index:2;width:min(var(--content-width), calc(100% - 40px));grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:22px;margin:18px auto 0;display:grid;position:relative}.contact-form-card{border:var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card3);height:100%;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:clamp(26px,4vw,40px);display:flex}.contact-form-card h2{color:var(--card-text-main);letter-spacing:-.04em;margin:0 0 26px;font-size:clamp(1.55rem,3vw,2rem);font-weight:800}.contact-form{flex-direction:column;flex:1;gap:16px;display:flex}.input-group{position:relative}.input-group:last-of-type{flex:1;display:flex}.input-group input,.input-group textarea{border:var(--input-border);background:var(--input-bg);width:100%;color:var(--input-text);transition:border-color .24s ease, background .24s ease, box-shadow .24s ease, transform .24s var(--ease-out);border-radius:14px;outline:none;padding:15px 16px;font-size:.92rem;font-weight:600}.input-group textarea{resize:none;height:100%;min-height:160px}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--input-placeholder);font-weight:500}.input-group input:hover,.input-group textarea:hover{border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.input-group input:focus,.input-group textarea:focus{border-color:var(--input-focus-border);background:var(--input-focus-bg);box-shadow:var(--input-focus-shadow)}.contact-info-grid{grid-template-rows:repeat(2,minmax(160px,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:100%;display:grid}.grid-card{border:var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card3);min-width:0;min-height:150px;box-shadow:var(--card-shadow);color:var(--card-text-main);text-align:center;-webkit-backdrop-filter:blur(20px);transition:transform .3s var(--ease-out), border-color .3s ease, box-shadow .3s ease;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.image-card{background:var(--surface-muted);padding:0}.image-card img{object-fit:cover;width:100%;height:100%;transition:transform .65s var(--ease-out), filter .65s ease}.image-card:hover img{filter:saturate(1.06);transform:scale(1.065)}.image-hide-mobile{display:flex}.title-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 75%, transparent), transparent 70%), var(--bg-card3)}.title-card h3{z-index:2;background:var(--text-gradient);color:#0000;letter-spacing:-.04em;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:800;position:relative}.info-card{gap:8px}.info-card .icon{z-index:2;background:var(--accent-soft);width:46px;height:46px;color:var(--accent);transition:transform .28s var(--ease-out), background .28s ease;border-radius:14px;place-items:center;font-size:1.25rem;display:grid;position:relative}.info-card:hover .icon{background:color-mix(in srgb, var(--accent-soft) 78%, transparent);transform:rotate(-4deg)scale(1.08)}.info-card .label{z-index:2;color:var(--card-text-sub);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800;position:relative}.info-card .value{z-index:2;overflow-wrap:anywhere;max-width:100%;color:var(--card-text-main);font-size:.84rem;font-weight:800;position:relative}.status-message{text-align:center;border-radius:13px;margin-top:14px;padding:12px 15px;font-size:.85rem;font-weight:700;animation:.35s fadeIn}.status-message.success{color:var(--success);background:#16a36a1c;border:1px solid #16a36a4d}.status-message.error{color:var(--danger);background:#dc4c641c;border:1px solid #dc4c644d}@media (width<=1080px){.contact-container{grid-template-columns:1fr}.contact-info-grid{grid-template-rows:repeat(2,minmax(150px,auto))}}@media (width<=760px){.contact-section{padding:72px 0}.contact-container{width:min(100% - 32px, var(--content-width))}.contact-info-grid{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.contact-info-grid{grid-template-columns:1fr}.image-hide-mobile{display:none}.grid-card{min-height:138px}}.main-footer{background:var(--bg-card3);border-top:var(--border-card2);box-sizing:border-box;z-index:100;width:100%;padding:40px 0 20px;position:relative}.footer-container{box-sizing:border-box;z-index:100;flex-direction:column;gap:30px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;position:relative}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand h3{color:var(--card-text-main);margin:0 0 5px;font-size:1.4rem;font-weight:800}.footer-brand p{color:var(--card-text-sub);margin:0;font-size:.9rem;font-weight:500}.footer-socials{gap:15px;display:flex}.social-link{background:var(--bg-card);border:var(--border-card2);width:42px;height:42px;color:var(--card-text-main);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:#fff;background:var(--button-gradient);box-shadow:0 4px 12px var(--button-gradient-shadow);border-color:#0000;transform:translateY(-3px)}.footer-bottom{border-top:var(--border-card);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.copyright{color:var(--card-text-sub);margin:0;font-size:.85rem;font-weight:500}.scroll-to-top{background:var(--bg-card);border:var(--border-card2);color:var(--card-text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.scroll-to-top:hover{background:var(--button-gradient);color:#fff;box-shadow:0 4px 12px var(--button-gradient-shadow);border-color:#0000;transform:translateY(-3px)}@media (width<=600px){.main-footer{padding:30px 0 20px}.footer-container{gap:20px}.footer-top{text-align:center;flex-direction:column;gap:15px}.footer-bottom{text-align:center;flex-direction:column-reverse;gap:15px;padding-top:15px}}.hero-section{opacity:0;min-height:100svh;padding:112px max(24px,50vw - 660px) 72px;padding:0 var(--container-padding);background:0 0;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:clamp(44px,6vw,88px);transition:opacity .8s,background .8s;display:grid;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 24% 42%,#6d5dfc1f,#0000 29rem),radial-gradient(circle at 76% 38%,#14b8a614,#0000 24rem);position:absolute;inset:0}.hero-section:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 13%, transparent), transparent 68%);filter:blur(55px);opacity:.7;pointer-events:none;border-radius:50%;width:min(580px,45vw);height:420px;position:absolute;top:18%;left:max(24px,50vw - 660px)}.hero-section.fade-in{background:var(--bg-gradient-top);opacity:1}.hero-section>div:not(.hero-left):not(.hero-right){display:contents}.hero-section .hero-left{z-index:3;opacity:0;width:100%;max-width:640px;transition:opacity .85s ease .12s, transform .85s var(--ease-out) .12s;grid-column:1;justify-self:start;position:relative;transform:translateY(22px)}.hero-section.fade-in .hero-left{opacity:1;transform:translateY(0)}.hero-section .upper-icon{border:var(--border-card2);background:color-mix(in srgb, var(--pill-bg) 84%, transparent);width:fit-content;color:var(--pill-text);letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;margin-bottom:20px;padding:7px 14px;font-size:.7rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff26,0 10px 30px #00000014}.hero-section h1{max-width:660px;color:var(--section-text);letter-spacing:-.058em;text-wrap:balance;font-size:clamp(2.95rem,4.55vw,4.75rem);font-weight:800;line-height:1.01}.hero-section h1 span{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-section .desc{max-width:540px;color:var(--text-on-bg-sub);text-wrap:pretty;margin:24px 0 30px;font-size:clamp(.9rem,1.2vw,1rem);font-weight:500;line-height:1.75}.social-links{align-items:center;gap:9px;margin-top:22px;display:flex}.social-links a{border:var(--border-card2);background:color-mix(in srgb, var(--bg-card3) 90%, transparent);width:42px;height:42px;color:var(--text-secondary);-webkit-backdrop-filter:blur(16px);transition:transform .28s var(--ease-out), border-color .28s ease, color .28s ease, box-shadow .28s ease;border-radius:13px;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #0000001a}.social-links a:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--accent);box-shadow:0 16px 32px var(--button-gradient-shadow);transform:translateY(-4px)}.hero-right{z-index:2;grid-column:2;justify-content:flex-end;justify-self:end;align-items:center;width:100%;display:flex;position:relative}.hero-orbit-container{isolation:isolate;perspective:1000px;border-radius:50%;justify-content:center;align-items:center;width:clamp(300px,29vw,390px);height:clamp(300px,29vw,390px);margin-left:auto;display:flex;position:relative;transform:translateZ(0)}.hero-orbit-container:before{content:"";opacity:.9;background:conic-gradient(#0000 0deg 38deg,#ec4899a6 72deg,#0000 126deg,#a855f78c 188deg,#0000 248deg,#6366f18c 318deg,#0000 360deg),radial-gradient(circle,#ec489926,#0000 62%);border-radius:50%;animation:18s linear infinite heroRingSpin;position:absolute;inset:7%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 0)}.hero-orbit-container:after{content:"";filter:blur(18px);opacity:.95;background:radial-gradient(circle,#ec489940,#0000 48%),radial-gradient(circle at 34% 30%,#a855f733,#0000 24%),radial-gradient(circle at 70% 72%,#6366f140,#0000 24%);border-radius:50%;animation:8s ease-in-out infinite heroHaloFloat;position:absolute;inset:14%}.orbit-line{z-index:2;opacity:.85;background:conic-gradient(from 90deg,#0000 0deg 42deg,#ec4899b3 86deg,#0000 132deg,#a855f780 210deg,#0000 254deg,#6366f199 310deg,#0000 360deg);border-radius:50%;width:76%;height:76%;animation:14s linear infinite heroTiltSpin;position:absolute;transform:rotateX(72deg)rotate(0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 0)}.orbit-line:after{content:"";border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);opacity:.55;border-radius:50%;position:absolute;inset:-6%}.orbit-center{background:radial-gradient(circle,#ec489933 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:absolute}.orbit-center:after{content:"";opacity:.8;background:radial-gradient(circle,#ffffff3d 0%,#0000 72%);border-radius:50%;width:46px;height:46px;position:absolute}.center-pulse{opacity:.85;will-change:transform, opacity;background:radial-gradient(circle,#ec489999 0%,#0000 72%);border-radius:50%;width:44px;height:44px;animation:4.6s ease-in-out infinite heroCorePulse;position:absolute}.orbit-cube-wrapper{z-index:10;cursor:pointer;width:50px;height:50px;transform-style:preserve-3d;will-change:transform;animation:20s linear infinite orbit-cube-rotate,4s ease-in-out infinite cube-levitate;position:absolute}.orbit-cube-wrapper:hover,.orbit-cube-wrapper:hover~.orbit-center,.orbit-cube-wrapper:hover~.orbit-center .center-pulse{animation-play-state:paused}.orbit-cube-wrapper:hover~.orbit-center:after{animation:1.2s cubic-bezier(.1,.8,.3,1) forwards center-hover-burst}.cube-face{z-index:12;border:1px solid var(--cube-border-normal);background-color:var(--cube-bg-normal);color:#fff;width:50px;height:50px;box-shadow:var(--cube-shadow-normal);-webkit-backdrop-filter:blur(12px);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;font-size:1.6rem;transition:border-color 1s,box-shadow 1s,background-color 1s,color 1s;animation:12s ease-in-out infinite cube-pulse-sync;display:flex;position:absolute}.cube-face svg,.cube-face i,.cube-face *{fill:currentColor;color:#fff!important}.dark-theme .cube-face{color:#fff}.orbit-cube-wrapper:hover .cube-face{border-color:var(--cube-border-flash);background-color:var(--cube-bg-flash);color:#fff;box-shadow:var(--cube-shadow-flash);animation-play-state:paused}.orbit-cube-wrapper:hover .cube-face svg{filter:drop-shadow(0 0 10px #ffffffe6) drop-shadow(0 0 5px var(--accent));transition:filter .3s,transform .3s}.face-front{transform:rotateY(0)translateZ(25px)}.face-back{transform:rotateY(180deg)translateZ(25px)}.face-left{transform:rotateY(-90deg)translateZ(25px)}.face-right{transform:rotateY(90deg)translateZ(25px)}.face-top{transform:rotateX(90deg)translateZ(25px)}.face-bottom{transform:rotateX(-90deg)translateZ(25px)}@keyframes orbit-cube-rotate{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(720deg)rotate(360deg)}}@keyframes cube-levitate{0%,to{margin-top:0}50%{margin-top:-15px}}@keyframes cube-pulse-sync{0%,82%,to{border-color:var(--cube-border-normal);background-color:var(--cube-bg-normal);box-shadow:var(--cube-shadow-normal);color:#fff}91%{border-color:var(--cube-border-flash);background-color:var(--cube-bg-flash);box-shadow:var(--cube-shadow-flash);color:#fff}}.dark-theme .cube-face{animation-name:cube-pulse-sync-dark}@keyframes cube-pulse-sync-dark{0%,82%,to{border-color:var(--cube-border-normal);background-color:var(--cube-bg-normal);box-shadow:var(--cube-shadow-normal);color:#fff}91%{border-color:var(--cube-border-flash);background-color:var(--cube-bg-flash);box-shadow:var(--cube-shadow-flash);color:#fff}}@keyframes heroRingSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.025)}to{transform:rotate(360deg)scale(1)}}@keyframes heroHaloFloat{0%,to{opacity:.9;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translateY(-8px)scale(1.04)}}@keyframes heroTiltSpin{0%{transform:rotateX(72deg)rotate(0)}to{transform:rotateX(72deg)rotate(360deg)}}@keyframes heroCorePulse{0%,to{opacity:.42;transform:scale(.82)}50%{opacity:.95;transform:scale(1.34)}}@media (width>=2000px){.hero-section,.hero-section>div{min-height:75vh}}@media (width>=2500px){.hero-section,.hero-section>div{min-height:50vh}}@media (width<=980px){.hero-section{text-align:center;grid-template-columns:1fr;gap:36px;min-height:auto;padding-top:130px;padding-bottom:72px}.hero-section:after{width:min(620px,90vw);top:12%;left:50%;transform:translate(-50%)}.hero-section .hero-left{grid-column:1;justify-self:center;max-width:720px}.hero-section .hero-left,.hero-right{flex-direction:column;align-items:center;display:flex}.hero-section .desc{max-width:610px}.hero-right{grid-column:1;justify-content:center;justify-self:center}.hero-orbit-container{width:330px;height:330px;margin:0 auto}}@media (width<=600px){.hero-section{gap:28px;padding:112px 16px 58px}.hero-section h1{letter-spacing:-.05em;font-size:clamp(2.35rem,11.5vw,3.25rem)}.hero-section .desc{margin:20px 0 26px;font-size:.91rem}.hero-section .upper-icon{margin-bottom:16px;font-size:.65rem}.hero-orbit-container{width:270px;height:270px}.social-links a{width:40px;height:40px}.orbit-cube-wrapper,.cube-face{width:46px;height:46px}.face-front{transform:rotateY(0)translateZ(23px)}.face-back{transform:rotateY(180deg)translateZ(23px)}.face-left{transform:rotateY(-90deg)translateZ(23px)}.face-right{transform:rotateY(90deg)translateZ(23px)}.face-top{transform:rotateX(90deg)translateZ(23px)}.face-bottom{transform:rotateX(-90deg)translateZ(23px)}}@media (prefers-reduced-motion:reduce){.hero-orbit-container:before,.hero-orbit-container:after,.orbit-line,.center-pulse,.orbit-cube-wrapper{animation:none!important}}nav.navbar{padding:20px var(--container-padding);width:100%;color:var(--text-primary);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);z-index:900;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;opacity:1;justify-content:space-between;align-items:center;transition:background .3s;display:flex;position:fixed;top:0;left:0}.nav-left span{letter-spacing:.5px;background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:800}nav.navbar ul{align-items:center;gap:35px;margin:0;padding:0;list-style-type:none;display:flex}nav.navbar ul li a{color:var(--nav-text);font-size:.95rem;font-weight:700;text-decoration:none;transition:color .3s;position:relative}nav.navbar ul li a:hover{color:var(--nav-text-hover)}nav.navbar .nav-left{cursor:pointer}.hamburger{cursor:pointer;z-index:10000;flex-direction:column;gap:6px;display:none}.hamburger div{background-color:var(--text-primary);width:25px;height:2px;transition:all .3s}@media (width<=1400px){nav.navbar{padding:20px 4%}}@media (width<=768px){nav.navbar{padding:15px 20px}.hamburger{display:flex}.nav-right{background:var(--bg-card3);-webkit-backdrop-filter:blur(20px);border-left:var(--border-card2);flex-direction:column;justify-content:center;align-items:center;width:70%;height:100vh;transition:right .4s cubic-bezier(.1,.8,.3,1);display:flex;position:fixed;top:0;right:-100%}.nav-right.active{right:0}nav.navbar ul{flex-direction:column;align-items:center;gap:40px}nav.navbar ul li a{color:var(--card-text-main);font-size:1.3rem}.hamburger.toggle .line1{transform:rotate(-45deg)translate(-5px,6px)}.hamburger.toggle .line2{opacity:0}.hamburger.toggle .line3{transform:rotate(45deg)translate(-5px,-6px)}}.navbar.loading{opacity:0;transition:all .2s linear}.theme-toggle-btn{background:var(--upper-icon-bg);border:1px solid var(--border-card2);cursor:pointer;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:1rem;transition:all .3s;display:flex}.theme-toggle-btn:hover{background-color:var(--accent);color:#fff;transform:scale(1.05)}.projects-section{z-index:10;width:100%;padding:var(--container-padding);position:relative}.projects-section>div{text-align:left;width:min(1240px,100% - 48px);margin:0 auto}.projects-section .top-section{justify-content:space-between;align-items:flex-end;gap:24px;width:100%;margin-bottom:32px;display:flex}.projects-grid{z-index:10;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;display:grid;position:relative}.project-card{border:var(--border-card);background:color-mix(in srgb, var(--bg-card3) 94%, transparent);min-width:0;box-shadow:var(--card-shadow);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(20px);transition:transform .35s var(--ease-out), box-shadow .35s ease, border-color .35s ease;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:before{z-index:1;content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(145deg,#ffffff17,#0000 38%);transition:opacity .35s;position:absolute;inset:0}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);box-shadow:var(--card-shadow-hover);transform:translateY(-8px)}.project-card:hover:before{opacity:1}.project-thumb{border-bottom:var(--border-card);background:var(--surface-muted);width:100%;height:190px;position:relative;overflow:hidden}.project-thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05081233);height:45%;position:absolute;inset:auto 0 0}.project-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s var(--ease-out), filter .7s ease}.project-card:hover .project-thumb img{filter:saturate(1.04)contrast(1.02);transform:scale(1.055)}.project-content{z-index:2;flex-direction:column;flex:1;padding:21px;display:flex;position:relative}.project-title{color:var(--card-text-main);letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.05rem,1.45vw,1.22rem);font-weight:800;line-height:1.25}.project-description{width:100%;color:var(--card-text-sub);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:18px;font-size:.84rem;font-weight:500;line-height:1.68;display:-webkit-box;overflow:hidden}.project-tags{flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:18px;display:flex}.project-tag-pill{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:var(--accent-soft);color:var(--pill-text);letter-spacing:.02em;border-radius:999px;padding:4px 9px;font-size:.65rem;font-weight:800}.project-actions{justify-content:flex-end;align-items:center;display:flex}.btn-details{background:var(--button-gradient);min-height:38px;box-shadow:0 9px 20px var(--button-gradient-shadow);cursor:pointer;transition:transform .25s var(--ease-out), box-shadow .25s ease;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 15px;font-size:.74rem;font-weight:800;display:inline-flex;color:#fff!important}.btn-details *{color:#fff!important}.btn-details:hover{box-shadow:0 14px 28px var(--button-gradient-shadow);transform:translateY(-2px)}.icon{color:inherit;transition:transform .25s var(--ease-out);font-size:.94rem}.btn-details:hover .icon,.main-styled.cold:hover .icon{transform:translate(4px)}@media (width<=1080px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-thumb{height:210px}}@media (width<=720px){.projects-section{padding:68px 0}.projects-section>div{width:min(100% - 32px,1240px)}.projects-section .top-section{flex-direction:column;align-items:flex-start;margin-bottom:26px}.projects-grid{grid-template-columns:1fr;gap:18px}.project-thumb{height:210px}}@media (width<=480px){.project-thumb{height:178px}.project-content{padding:19px}}.skills-section{padding:clamp(82px, 10vw, 128px) var(--container-padding);flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.skills-section:before{content:"";background:radial-gradient(circle, var(--accent-soft), transparent 68%);filter:blur(54px);opacity:.72;pointer-events:none;width:min(800px,85vw);height:300px;position:absolute;inset:22% auto auto 50%;transform:translate(-50%)}.skills-title{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;font-size:.78rem;font-weight:800;position:relative}.filters{border:var(--border-card);background:var(--bg-card3);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-bottom:42px;padding:7px;display:flex;position:relative}button.filter-option{min-height:40px;color:var(--card-text-sub);box-shadow:none;cursor:pointer;transition:transform .25s var(--ease-out), background .25s ease, color .25s ease, box-shadow .25s ease;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:800}button.filter-option:hover{background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}button.filter-option.active{background:var(--button-gradient);color:#fff;box-shadow:0 10px 24px var(--button-gradient-shadow);border-color:#0000}.skills-cloud{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:980px;margin:0 auto;display:flex;position:relative}.skill-item{border:var(--border-card);background:var(--bg-card3);min-height:52px;color:var(--card-text-main);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px);transition:transform .28s var(--ease-out), border-color .28s ease, box-shadow .28s ease, background .28s ease;border-radius:16px;align-items:center;gap:11px;padding:12px 18px;font-size:.88rem;font-weight:800;display:flex}.skill-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);transition:transform .28s var(--ease-out), background .28s ease;border-radius:10px;place-items:center;font-size:1.12rem;display:grid}.skill-item:hover{border-color:color-mix(in srgb, var(--accent) 44%, transparent);background:color-mix(in srgb, var(--bg-card3) 88%, var(--accent-soft));box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.skill-item:hover .skill-icon{background:color-mix(in srgb, var(--accent-soft) 78%, transparent);transform:rotate(-4deg)scale(1.08)}@media (width<=768px){.skills-section{width:min(100% - 32px, var(--content-width));padding:72px 0}.filters{border-radius:24px;width:100%;max-width:560px}button.filter-option{flex:auto;padding:8px 14px}.skills-cloud{gap:9px}.skill-item{border-radius:14px;min-height:48px;padding:10px 14px;font-size:.82rem}.skill-icon{width:27px;height:27px;font-size:1rem}}.welcome-loader .space-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.welcome-loader{z-index:10000;background:var(--bg-gradient-topLoader);opacity:1;transition:opacity .7s ease, visibility .7s ease, transform .7s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.welcome-loader:after{content:"";background:radial-gradient(circle at 50% 44%, var(--accent-soft), transparent 25rem), radial-gradient(circle at 20% 20%, #14b8a612, transparent 20rem);pointer-events:none;position:absolute;inset:0}.welcome-loader.fade-out{visibility:hidden;opacity:0;pointer-events:none;transform:scale(1.025)}.cyber-grid-bg{perspective:520px;opacity:.56;width:100%;height:100%;position:absolute;inset:0}.grid-lines{background-image:linear-gradient(to right, color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px);background-size:58px 58px;width:240%;height:240%;animation:14s linear infinite gridMove;position:absolute;inset:-70%;transform:rotateX(67deg)translateY(22%);-webkit-mask-image:linear-gradient(#0000 12%,#000 58%,#0000 88%);mask-image:linear-gradient(#0000 12%,#000 58%,#0000 88%)}.horizon-glow{z-index:2;background:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--accent) 17%, transparent) 0%, transparent 48%);pointer-events:none;position:absolute;inset:0}.welcome-loader .content{z-index:3;text-align:center;flex-direction:column;align-items:center;width:min(800px,100% - 40px);padding:0 20px;display:flex;position:relative}.content .header h1{color:var(--text-primary);letter-spacing:-.055em;opacity:0;animation:fadeInText .8s var(--ease-out) forwards;margin-bottom:30px;font-size:clamp(2rem,6vw,4rem);font-weight:600;line-height:1.15}.content h1 span.styled{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;display:inline-block}.spinner-container{border:var(--border-card);background:var(--bg-card3);width:58px;height:58px;box-shadow:var(--card-shadow);opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeInText .8s var(--ease-out) .12s forwards;border-radius:50%;margin-bottom:22px;padding:7px}.spinner-svg{border-radius:50%;width:100%;height:100%;animation:1.7s linear infinite rotateSpinner}.spinner-track{stroke:color-mix(in srgb, var(--text-secondary) 14%, transparent)}.spinner-circle{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent-glow));animation:1.45s ease-in-out infinite dashCircle}.content h2{color:var(--text-secondary);letter-spacing:.22em;text-transform:uppercase;opacity:0;animation:fadeInText .8s var(--ease-out) .25s forwards;margin:0;font-size:.72rem;font-weight:800}@keyframes fadeInText{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateSpinner{to{transform:rotate(360deg)}}@keyframes dashCircle{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:88 150;stroke-dashoffset:-34px}to{stroke-dasharray:88 150;stroke-dashoffset:-124px}}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 232px}}@media (width<=480px){.content .header h1{margin-bottom:24px}.spinner-container{width:52px;height:52px}.content h2{letter-spacing:.16em;font-size:.65rem}}@media (height<=480px){.welcome-loader .content{padding-top:10px;padding-bottom:10px}.content .header h1{margin-bottom:16px;font-size:1.6rem}.spinner-container{width:46px;height:46px;margin-bottom:14px}}