:root{--font-heading:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--transition-fast:0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.6s cubic-bezier(0.4, 0, 0.2, 1);--shadow-sm:0 2px 8px -1px rgba(0, 0, 0, 0.08),0 1px 3px -1px rgba(0, 0, 0, 0.03);--shadow-md:0 12px 20px -8px rgba(0, 0, 0, 0.12),0 4px 12px -2px rgba(0, 0, 0, 0.05);--shadow-lg:0 20px 32px -12px rgba(0, 0, 0, 0.2),0 8px 16px -4px rgba(0, 0, 0, 0.08);--bg-color:#0c0b0a;--bg-canvas:#060505;--bg-gradient:linear-gradient(to bottom, #120f0d 0%, #0b0908 20%, #050404 45%, #000000 70%, #000000 100%);--text-primary:#f5f4f0;--text-secondary:#bfb9b0;--text-muted:#8c857b;--glass-bg:rgba(15, 14, 13, 0.78);--glass-border:rgba(237, 188, 135, 0.09);--glass-border-hover:rgba(237, 188, 135, 0.22);--accent-color:#edbc87;--accent-secondary:#dca770;--accent-indigo:#c09465;--accent-pink:#f3cd9f;--accent-gradient:linear-gradient(135deg, #edbc87 0%, #dca770 50%, #c09465 100%);--accent-gradient-hover:linear-gradient(135deg, #f5d4a8 0%, #e2b37b 50%, #cca072 100%);--glow-color:rgba(237, 188, 135, 0.28);--glow-pink:rgba(243, 205, 159, 0.20);--glow-indigo:rgba(192, 148, 101, 0.24);--blob-opacity:0.16;--header-bg:rgba(13, 12, 11, 0.85);--card-hover-bg:rgba(22, 20, 18, 0.90);--grid-color:rgba(237, 188, 135, 0.045)}[data-theme=light]{--bg-color:#fdfcfa;--bg-canvas:#f7f5f0;--bg-gradient:linear-gradient(to bottom, #fdfcfa 0%, #f4f0e6 50%, #eae4d8 100%);--text-primary:#1f1b16;--text-secondary:#635b50;--text-muted:#968c7e;--glass-bg:rgba(255, 255, 255, 0.82);--glass-border:rgba(184, 133, 76, 0.14);--glass-border-hover:rgba(184, 133, 76, 0.24);--accent-color:#b8854c;--accent-secondary:#a0723e;--accent-indigo:#885c2c;--accent-pink:#d19f66;--accent-gradient:linear-gradient(135deg, #b8854c 0%, #9c6d36 50%, #805524 100%);--accent-gradient-hover:linear-gradient(135deg, #c59157 0%, #aa7a47 50%, #8d6132 100%);--glow-color:rgba(184, 133, 76, 0.16);--glow-pink:rgba(209, 159, 102, 0.10);--glow-indigo:rgba(136, 92, 44, 0.14);--blob-opacity:0.10;--header-bg:rgba(253, 252, 250, 0.92);--card-hover-bg:rgba(255, 255, 255, 0.97);--grid-color:rgba(184, 133, 76, 0.065)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;width:100%}body{font-family:var(--font-body);background:var(--bg-gradient);background-attachment:scroll;color:var(--text-primary);overflow-x:hidden;width:100%;line-height:1.6;transition:background var(--transition-normal),color var(--transition-normal);position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:5px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}button{border:none;background:0 0;cursor:pointer;font-family:inherit}img{max-width:100%;height:auto;display:block}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;pointer-events:all;background-color:transparent;transition:background-color var(--transition-normal)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:55px 55px;background-position:center center;opacity:.7;transition:background-image var(--transition-normal);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.45) 40%,rgba(0,0,0,0) 80%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.45) 40%,rgba(0,0,0,0) 80%)}.grid-overlay::after{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--grid-color) 2px,transparent 2px),linear-gradient(90deg,var(--grid-color) 2px,transparent 2px);background-size:55px 55px;background-position:center center;filter:blur(2.5px);opacity:.85}.blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(140px);z-index:-1;opacity:var(--blob-opacity);pointer-events:none;transition:opacity var(--transition-normal),background var(--transition-normal);animation:blob-float 20s infinite alternate}.blob-1{background:radial-gradient(circle,var(--accent-color) 0,transparent 70%);top:5%;right:-10%}.blob-2{background:radial-gradient(circle,var(--accent-pink) 0,transparent 70%);top:35%;left:-10%;animation-delay:-10s}@keyframes blob-float{0%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-30px) scale(1.1)}100%{transform:translate(-30px,50px) scale(.9)}}header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-container{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;letter-spacing:-.5px;display:flex;align-items:center;color:var(--text-primary)}.logo-accent{color:var(--accent-color);font-weight:700;margin:0 2px}.logo-main{font-weight:400;color:var(--text-primary)}nav ul{display:flex;gap:2rem}.nav-link{font-weight:500;font-size:.95rem;color:var(--text-secondary);position:relative;padding:.25rem 0}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width var(--transition-normal);border-radius:2px}.nav-link.active::after,.nav-link:hover::after{width:100%}.theme-btn{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.theme-btn:hover{background:var(--card-hover-bg);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow-color)}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:.85rem 1.75rem;border-radius:50px;font-weight:600;font-size:.95rem;transition:all var(--transition-normal);font-family:var(--font-heading)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 24px var(--glow-color)}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-3px);box-shadow:0 12px 30px var(--glow-color),0 0 15px var(--accent-secondary)}.btn-secondary{background:var(--glass-bg);border:1.5px solid var(--glass-border-hover);color:var(--text-primary);box-shadow:var(--shadow-sm);backdrop-filter:blur(4px)}.btn-secondary:hover{background:var(--card-hover-bg);border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.badge-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 10px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.hero-section{padding:10rem 2rem 5rem 2rem;min-height:100vh;display:flex;align-items:center}.brand-showcase-new{display:flex;align-items:center;position:relative;padding:.75rem 1.75rem;margin-bottom:2.25rem;width:fit-content;background:rgba(18,16,15,.65);border:1px solid rgba(237,188,135,.12);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-normal);box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 0 12px rgba(237,188,135,.03)}.brand-showcase-new:hover{border-color:rgba(237,188,135,.35);box-shadow:0 6px 24px rgba(237,188,135,.08),0 0 15px rgba(237,188,135,.05),inset 0 0 15px rgba(237,188,135,.06);transform:translateY(-2px)}.brand-corner{position:absolute;width:8px;height:8px;border-color:var(--accent-color);border-style:solid;opacity:.75;transition:all var(--transition-normal)}.brand-showcase-new:hover .brand-corner{opacity:1;width:12px;height:12px}.brand-corner-tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.brand-corner-tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.brand-corner-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.brand-corner-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.brand-logo-glow{position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,rgba(237,188,135,.15) 0,transparent 70%);pointer-events:none;border-radius:12px}.brand-content-wrap{display:flex;align-items:center;gap:1.25rem;z-index:2;flex-wrap:wrap}.brand-icon-new{position:relative;width:48px;height:48px;border-radius:10px;background:rgba(0,0,0,.4);border:1px solid rgba(237,188,135,.2);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.brand-icon-sub{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:4px;background:var(--accent-gradient);border:1px solid var(--bg-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;box-shadow:0 2px 6px rgba(0,0,0,.3)}.brand-showcase-new:hover .brand-icon-new{border-color:var(--accent-color);color:#fff;background:rgba(237,188,135,.15);transform:scale(1.05)}.brand-details{display:flex;flex-direction:column}.brand-header-row{display:flex;align-items:baseline;gap:.5rem}.brand-name-new{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);line-height:1.1}.brand-by-new{font-size:.75rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;opacity:.85}.brand-tagline-new{font-size:.78rem;color:var(--text-muted);font-weight:500;letter-spacing:.2px;margin-top:.15rem}.brand-status{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:30px;margin-left:auto}.status-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 12px #10b981}100%{transform:scale(.8);opacity:.5}}.status-text{font-family:'Fira Code',monospace;font-size:.68rem;font-weight:600;color:#10b981;letter-spacing:.5px}@media (max-width:768px){.brand-status{margin-left:0;width:100%;justify-content:center}}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:4rem;align-items:center;width:100%}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-title{font-family:var(--font-heading);font-weight:800;font-size:3.5rem;line-height:1.15;margin-bottom:.5rem;letter-spacing:-1.5px}.name-gradient{color:var(--accent-color);position:relative;display:inline-block}.hero-subtitle{font-family:var(--font-heading);font-weight:600;font-size:1.75rem;color:var(--text-secondary);margin-bottom:1.5rem;letter-spacing:-.5px;display:flex;align-items:center}#typing-text{color:var(--accent-color);margin-left:.5rem;font-weight:700}.cursor{animation:blink .75s step-end infinite;color:var(--accent-color);font-weight:300;margin-left:2px}@keyframes blink{from,to{color:transparent}50%{color:var(--accent-color)}}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:550px;line-height:1.7}.cta-buttons{display:flex;gap:1.25rem;margin-bottom:3.5rem;flex-wrap:wrap}.social-bar{display:flex;align-items:center;gap:1.25rem}.social-bar-label{font-family:var(--font-heading);font-weight:600;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.social-icons{display:flex;gap:.85rem}.social-icon-btn{width:42px;height:42px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);backdrop-filter:blur(4px)}.social-icon-btn:hover{color:#fff;background:var(--accent-gradient);border-color:transparent;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px var(--glow-color)}.hero-graphic{display:flex;justify-content:center;align-items:center;order:0}.profile-circle-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:540px;height:540px;perspective:1200px;animation:profile-float 7s ease-in-out infinite}.hud-ring{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);margin-top:calc(var(--size)/ -2);margin-left:calc(var(--size)/ -2);border-radius:50%;pointer-events:none;z-index:1}.hud-ring-outer{--size:530px;border:1px solid rgba(237,188,135,.1);animation:hud-orbit-rotate 25s linear infinite}.hud-ring-ticks{--size:510px;border:1.5px dashed rgba(237,188,135,.18);animation:hud-orbit-rotate-reverse 15s linear infinite}.hud-ring-dashed{--size:495px;border:1px dotted rgba(243,205,159,.14);animation:hud-orbit-rotate 20s linear infinite}.hud-ring-scan{--size:480px;background:conic-gradient(from 0deg,rgba(237,188,135,.08),transparent 45%);opacity:.75;animation:hud-orbit-rotate 6s linear infinite}.hud-ring-grid{--size:465px;border:1.2px solid rgba(237,188,135,.05);background:radial-gradient(circle,transparent 40%,rgba(237,188,135,.02) 100%)}@keyframes hud-orbit-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes hud-orbit-rotate-reverse{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}.profile-circle-glow{position:absolute;top:50%;left:50%;--size:450px;width:var(--size);height:var(--size);margin-top:calc(var(--size)/ -2);margin-left:calc(var(--size)/ -2);background:radial-gradient(circle,rgba(237,188,135,.12) 0,transparent 70%);filter:blur(25px);z-index:-1;pointer-events:none}.profile-circle-container,.profile-img-container-large{position:absolute;top:50%;left:50%;--size:450px;width:var(--size);height:var(--size);margin-top:calc(var(--size)/ -2);margin-left:calc(var(--size)/ -2);border-radius:50%;overflow:hidden;z-index:2;border:3.5px solid var(--accent-color);background:0 0;box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 30px rgba(237,188,135,.28);transform-style:preserve-3d;transition:all var(--transition-normal)}.profile-circle-container:hover,.profile-img-container-large:hover{box-shadow:0 25px 55px rgba(0,0,0,.55),0 0 45px rgba(237,188,135,.18)}@keyframes profile-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.profile-circle-img,.profile-img-large{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform var(--transition-slow)}.profile-circle-container:hover .profile-circle-img,.profile-img-container-large:hover .profile-img-large{transform:scale(1.06)}.floating-tech-tag{position:absolute;bottom:60px;left:30px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;padding:.55rem 1.15rem;display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-md),0 4px 15px rgba(237,188,135,.12);z-index:3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:tag-float-alt 7s ease-in-out infinite alternate}@keyframes tag-float-alt{0%{transform:translate(0,0)}100%{transform:translate(8px,-12px)}}.floating-tech-tag i{color:var(--accent-color);font-size:.9rem}.hero-subtitle{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.subtitle-badge{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:rgba(237,188,135,.12);border:1px solid rgba(237,188,135,.35);color:var(--accent-color);padding:.3rem .8rem;border-radius:4px;display:inline-block;box-shadow:0 0 10px rgba(237,188,135,.05)}.subtitle-role{font-size:1.75rem;color:var(--text-secondary)}@media (min-width:992px) and (max-width:1200px){.profile-circle-wrapper{max-width:460px;height:460px}.hud-ring-outer{--size:450px}.hud-ring-ticks{--size:435px}.hud-ring-dashed{--size:420px}.hud-ring-scan{--size:405px}.hud-ring-grid{--size:390px}.profile-circle-container,.profile-circle-glow,.profile-img-container-large{--size:375px}}@media (max-width:991px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-graphic{order:-1}}@media (max-width:600px){.profile-circle-wrapper{max-width:340px;height:340px}.hud-ring-outer{--size:330px}.hud-ring-ticks{--size:315px}.hud-ring-dashed{--size:300px}.hud-ring-scan{--size:285px}.hud-ring-grid{--size:270px}.profile-circle-container,.profile-img-container-large{--size:255px}.profile-circle-glow{--size:255px}}.section-header{text-align:center;max-width:650px;margin:0 auto 4rem auto}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:.75rem}.accent-text{color:var(--accent-color)}.section-subtitle{color:var(--text-secondary);font-size:1.05rem}.links-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;min-height:200px}.loading-spinner{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);font-size:1.1rem;padding:4rem 0}.link-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal);overflow:hidden}.link-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0),rgba(255,255,255,.06),transparent 40%);z-index:1;pointer-events:none}.link-card-glow{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-fast)}.link-icon-wrapper{width:50px;height:50px;border-radius:14px;background:rgba(0,0,0,.15);border:1px solid var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all var(--transition-normal);z-index:2}[data-theme=light] .link-icon-wrapper{background:rgba(0,0,0,.03)}.link-card-info{flex:1;display:flex;flex-direction:column;z-index:2}.link-card-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;margin-bottom:.15rem;color:var(--text-primary);transition:color var(--transition-fast)}.link-card-url{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.link-arrow{font-size:.95rem;color:var(--text-muted);transition:all var(--transition-normal);z-index:2}.link-card:hover{background:var(--card-hover-bg);border-color:var(--glass-border-hover);transform:translateY(-5px);box-shadow:var(--shadow-md)}.link-card:hover .link-card-glow{opacity:1}.link-card:hover .link-icon-wrapper{transform:scale(1.08) rotate(5deg);background:var(--card-platform-color,var(--accent-gradient));color:#fff;border-color:transparent;box-shadow:0 6px 15px var(--card-platform-glow,var(--glow-color))}.link-card:hover .link-card-title{color:var(--card-platform-color,var(--accent-color))}.link-card:hover .link-arrow{color:var(--card-platform-color,var(--accent-color));transform:translateX(4px) scale(1.1)}.projects-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.projects-filter{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.35rem;border-radius:50px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-heading);font-weight:600;font-size:.88rem;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);backdrop-filter:blur(4px)}.filter-btn:hover{border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 6px 20px var(--glow-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;min-height:250px}.project-row{border-radius:18px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),opacity .3s ease,transform .3s ease}.project-row:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md),0 0 18px var(--glow-color)}.proj-row-summary{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;position:relative;transition:background var(--transition-fast);user-select:none}.proj-row-summary::before{content:'';position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x,-200px) var(--mouse-y,-200px),rgba(255,255,255,.04),transparent 40%);pointer-events:none;border-radius:inherit}.proj-row-summary:hover{background:rgba(255,255,255,.03)}[data-theme=light] .proj-row-summary:hover{background:rgba(0,0,0,.02)}.proj-row-left{display:flex;align-items:center;gap:.9rem;flex:1;min-width:0}.proj-row-info{display:flex;flex-direction:column;min-width:0}.proj-row-info .project-title{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-row-info .project-tagline{font-size:.78rem;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.proj-row-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.project-category-pill{font-family:var(--font-heading);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-color);background:rgba(237,188,135,.1);border:1px solid rgba(237,188,135,.3);padding:.22rem .7rem;border-radius:50px;white-space:nowrap}.proj-row-skills{display:flex;gap:.4rem;flex-wrap:nowrap}.proj-expand-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;cursor:pointer;transition:all var(--transition-normal)}.proj-expand-btn:hover{border-color:var(--glass-border-hover);color:var(--text-primary);background:var(--card-hover-bg)}.project-row.expanded .proj-expand-btn{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px var(--glow-color)}.project-row.expanded .proj-expand-btn i{transform:rotate(180deg)}.proj-expand-btn i{transition:transform var(--transition-normal)}.project-icon-box{width:40px;height:40px;min-width:40px;border-radius:11px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;box-shadow:0 4px 12px var(--glow-color);transition:transform var(--transition-normal)}.proj-row-summary:hover .project-icon-box{transform:scale(1.08) rotate(6deg)}.proj-detail-panel{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4, 0, .2, 1)}.project-row.expanded .proj-detail-panel{border-top:1px solid var(--glass-border)}.proj-detail-inner{display:grid;grid-template-columns:1fr 1fr;gap:0}.proj-detail-gallery{position:relative;overflow:hidden;border-right:1px solid var(--glass-border);min-height:200px;max-height:300px}.proj-detail-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,opacity .2s ease}.proj-detail-gallery:hover img{transform:scale(1.04)}.proj-gallery-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(to top,rgba(7,10,19,.85) 0,transparent 100%);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.proj-detail-content{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.proj-detail-content .project-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.65;margin:0}.proj-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.proj-detail-list li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary)}.proj-detail-list li i{font-size:.6rem;color:var(--accent-color);flex-shrink:0}.project-skill-tag{background:rgba(0,0,0,.2);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.2rem .6rem;border-radius:50px;font-size:.68rem;font-weight:500;white-space:nowrap;transition:all var(--transition-fast)}[data-theme=light] .project-skill-tag{background:rgba(0,0,0,.04)}.proj-row-summary:hover .project-skill-tag{border-color:var(--glass-border-hover);color:var(--text-primary)}.project-card-footer{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding-top:.75rem;border-top:1px solid var(--glass-border);margin-top:auto}.project-link{font-family:var(--font-heading);font-weight:600;font-size:.78rem;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;border-radius:50px;transition:all var(--transition-fast)}.project-link-demo{background:var(--accent-gradient);color:#fff!important;box-shadow:0 4px 14px var(--glow-color)}.project-link-demo:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-color)}.project-link-github{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)!important}.project-link-github:hover{border-color:var(--glass-border-hover);color:var(--text-primary)!important;transform:translateY(-2px);background:var(--card-hover-bg)}.project-link i{transition:transform var(--transition-fast);font-size:.8rem}.project-link-demo:hover i{transform:translate(2px,-2px)}.project-link-github:hover i{transform:scale(1.2)}.proj-detail-inner:not(:has(.proj-detail-gallery)){grid-template-columns:1fr}.about-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;margin-top:3.5rem}.about-personal-banner{grid-column:1/-1;position:relative;display:grid;grid-template-columns:260px 1fr;gap:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.about-personal-banner:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:0 24px 48px rgba(0,0,0,.3),0 0 24px var(--glow-color)}.about-personal-glow{position:absolute;inset:0;background:radial-gradient(ellipse at left center,var(--glow-color) 0,transparent 60%);pointer-events:none;opacity:.6;transition:opacity var(--transition-normal)}.about-personal-banner:hover .about-personal-glow{opacity:1}.about-personal-photo-wrap{position:relative;width:100%;height:100%;min-height:360px;overflow:hidden}.about-personal-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.4, 0, .2, 1);display:block}.about-personal-banner:hover .about-personal-img{transform:scale(1.04)}.about-personal-photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.25rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0,transparent 100%)}.about-personal-content{padding:2.5rem 2.5rem 2.5rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;position:relative;z-index:2}.about-personal-name{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.1}.about-personal-role{font-size:.85rem;font-weight:600;color:var(--accent-color);font-family:var(--font-heading);letter-spacing:.3px}.about-personal-bio{font-size:.95rem;color:var(--text-secondary);line-height:1.7;max-width:520px}.about-personal-socials{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.25rem}@media (max-width:768px){.about-personal-banner{grid-template-columns:1fr}.about-personal-photo-wrap{min-height:300px;max-height:340px}.about-personal-content{padding:1.75rem 1.5rem}.about-personal-name{font-size:1.5rem}}.about-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;padding:2.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);transition:all var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.about-card-glow{position:absolute;top:-100px;right:-100px;width:220px;height:220px;background:radial-gradient(circle,var(--accent-gradient-color,var(--accent-secondary)) 0,transparent 70%);opacity:.1;pointer-events:none;transition:opacity var(--transition-normal)}.brand-card{--accent-gradient-color:var(--accent-color);border:1.5px solid rgba(237,188,135,.45);box-shadow:0 8px 30px rgba(237,188,135,.1)}.brand-card:hover{border-color:var(--accent-color)!important;box-shadow:0 12px 40px rgba(237,188,135,.22)!important}.leadership-card{--accent-gradient-color:var(--accent-pink)}.skills-card{--accent-gradient-color:var(--accent-secondary)}.about-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.about-card:hover .about-card-glow{opacity:.2}.about-card-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.about-card-icon{width:48px;height:48px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent-color)}.brand-card .about-card-icon{color:var(--accent-color)}.leadership-card .about-card-icon{color:var(--accent-pink)}.skills-card .about-card-icon{color:var(--accent-secondary)}.about-card-titles h3{font-family:var(--font-heading);font-weight:800;font-size:1.3rem;margin-bottom:.15rem}.card-role{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.75rem}.about-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem}.about-list li{display:flex;gap:1rem;font-size:.92rem;color:var(--text-secondary);line-height:1.6}.list-icon{margin-top:.25rem;font-size:.95rem;color:var(--accent-color);flex-shrink:0}.leadership-card .list-icon{color:var(--accent-pink)}.skills-block{margin-bottom:1.5rem}.skills-block:last-child{margin-bottom:0}.skills-block-title{font-family:var(--font-heading);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.75rem}.mini-tags{gap:.5rem!important;margin-top:0!important}.mini-tags .tag{padding:.35rem .85rem!important;font-size:.78rem!important}.active-tag{border-color:rgba(16,185,129,.25)!important;color:#10b981!important}.active-tag i{font-size:.7rem;margin-right:2px}.learning-tag{border-color:rgba(6,182,212,.25)!important;color:#06b6d4!important}.learning-tag i{font-size:.7rem;margin-right:2px}.strength-tag{border-color:rgba(168,85,247,.25)!important;color:#a855f7!important}.skills-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border-radius:50px;font-size:.82rem;font-weight:500;background:rgba(0,0,0,.18);border:1px solid var(--glass-border);color:var(--text-secondary);transition:all var(--transition-fast)}[data-theme=light] .tag{background:rgba(0,0,0,.04)}.brand-founder-pill{display:inline-flex;align-items:center;gap:.65rem;padding:.42rem 1.1rem .42rem .55rem;background:linear-gradient(135deg,rgba(6,182,212,.08) 0,rgba(99,102,241,.1) 100%);border:1px solid rgba(99,102,241,.24);border-radius:50px;font-size:.84rem;font-weight:500;color:var(--text-secondary);margin-bottom:1.1rem;backdrop-filter:blur(4px);transition:all var(--transition-fast)}.brand-founder-pill:hover{border-color:rgba(99,102,241,.42);background:linear-gradient(135deg,rgba(6,182,212,.13) 0,rgba(99,102,241,.16) 100%)}.pill-icon{width:24px;height:24px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:.62rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--glow-indigo)}.brand-founder-pill strong{color:var(--accent-color);font-weight:700}.project-photo-banner{position:relative;margin:-2rem -2rem 1.75rem -2rem;height:188px;overflow:hidden;border-radius:24px 24px 0 0;flex-shrink:0}.project-photo-banner img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);display:block}.project-card:hover .project-photo-banner img{transform:scale(1.07)}.project-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,19,0) 28%,rgba(7,10,19,.82) 100%);display:flex;align-items:flex-end;padding:1rem 1.25rem}[data-theme=light] .project-photo-overlay{background:linear-gradient(180deg,rgba(15,23,42,0) 28%,rgba(15,23,42,.72) 100%)}.project-photo-overlay{flex-direction:column;justify-content:flex-end;padding:.85rem 1.1rem}.photo-overlay-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.photo-thumbs{display:flex;gap:.4rem;flex-shrink:0}.photo-thumb{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.85);padding:.22rem .65rem;border-radius:50px;font-size:.68rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px);letter-spacing:.3px}.photo-thumb.active,.photo-thumb:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.65);color:#fff}.gallery-main-img{transition:opacity .2s ease}.project-category-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff;background:var(--accent-gradient);padding:.28rem .82rem;border-radius:50px;box-shadow:0 2px 10px rgba(0,0,0,.45)}.project-card-body{display:flex;flex-direction:column;flex:1;position:relative;z-index:2}footer{border-top:1px solid var(--glass-border);background:rgba(5,8,15,.4);padding:2.5rem 2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=light] footer{background:rgba(241,245,249,.4)}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}footer p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:1.5rem;color:var(--text-muted);font-size:.9rem}@media (max-width:992px){html{font-size:15px}.hero-section{padding:7rem 2rem 4rem;min-height:auto}.hero-container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-content{align-items:center;order:2}.hero-graphic{order:1}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.5rem;align-items:center}.hero-description{margin-left:auto;margin-right:auto;max-width:90%}.cta-buttons{justify-content:center}.social-bar{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:.75rem}.brand-showcase-new{margin-left:auto;margin-right:auto}.profile-circle-wrapper{max-width:400px;height:400px}.hud-ring-outer{--size:394px}.hud-ring-ticks{--size:375px}.hud-ring-dashed{--size:358px}.hud-ring-scan{--size:342px}.hud-ring-grid{--size:326px}.profile-circle-container,.profile-img-container-large{--size:310px}.profile-circle-glow{--size:310px}.about-section,.certifications-section,.experience-section,.links-section,.projects-section{padding:5rem 2rem}.projects-grid{gap:.6rem}.proj-row-skills{display:none}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:900px){.cta-buttons{flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:420px;margin-left:auto;margin-right:auto}.btn{width:100%;justify-content:center}}@media (max-width:768px){html{font-size:14.5px;scroll-behavior:smooth}::-webkit-scrollbar{width:4px}.hero-section{padding:7rem 1.25rem 3rem;min-height:auto}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-content{align-items:center;order:2;gap:0}.hero-graphic{order:1;margin-bottom:0}.hero-title{font-size:2.4rem;letter-spacing:-1px;line-height:1.2;margin-bottom:.75rem}.hero-subtitle{font-size:1.25rem;align-items:center;gap:.35rem;margin-bottom:1rem}.subtitle-role{font-size:1.2rem}.hero-description{font-size:.95rem;max-width:100%;margin:0 auto 1.75rem;line-height:1.65}.brand-showcase-new{width:100%;max-width:100%;padding:.85rem 1rem;margin-bottom:1.5rem;box-sizing:border-box}.brand-content-wrap{gap:.75rem;flex-wrap:nowrap}.brand-icon-new{width:40px;height:40px;flex-shrink:0}.brand-name-new{font-size:1.15rem}.brand-by-new{font-size:.68rem}.brand-tagline-new{font-size:.72rem}.brand-status{margin-left:auto;padding:.3rem .6rem;white-space:nowrap}.status-text{font-size:.6rem;letter-spacing:.3px}.cta-buttons{width:100%;flex-direction:column;gap:.85rem;margin-bottom:2rem}.btn{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1rem;border-radius:14px;min-height:52px}.social-bar{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:.5rem}.social-bar-label{width:100%;text-align:center;font-size:.8rem}.social-icons{gap:.7rem;justify-content:center}.social-icon-btn{width:46px;height:46px;font-size:1.15rem}.social-icon-btn:active{transform:scale(.93)}.profile-circle-wrapper{max-width:280px;height:280px;margin:0 auto;animation:profile-float-mobile 6s ease-in-out infinite}.hud-ring-outer{--size:274px}.hud-ring-ticks{--size:260px}.hud-ring-dashed{--size:248px}.hud-ring-scan{--size:234px}.hud-ring-grid{--size:222px}.profile-circle-container,.profile-img-container-large{--size:210px;border-width:3px}.profile-circle-glow{--size:210px}.about-section,.certifications-section,.experience-section,.links-section,.projects-section{padding:4rem 1.25rem}.section-header{margin-bottom:2.5rem;padding:0 .25rem}.section-title{font-size:2rem;letter-spacing:-.5px}.section-subtitle{font-size:.95rem}.experience-timeline::before{display:none}.exp-dot{display:none}.exp-card{flex-direction:row;padding:1.25rem 1.1rem;gap:1rem;border-radius:18px}.exp-icon{width:44px;height:44px;border-radius:12px;font-size:1.1rem;margin-left:0;flex-shrink:0}.exp-title{font-size:1.05rem}.exp-org{font-size:.88rem}.exp-desc{font-size:.88rem;line-height:1.6}.exp-header{flex-direction:column;gap:.4rem}.exp-type-badge{align-self:flex-start}.exp-meta{flex-direction:column;gap:.4rem}.projects-filter{gap:.6rem;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;justify-content:flex-start;flex-wrap:nowrap;scrollbar-width:none}.projects-filter::-webkit-scrollbar{display:none}.filter-btn{padding:.6rem 1.1rem;font-size:.85rem;white-space:nowrap;flex-shrink:0;min-height:40px}.projects-grid{gap:.6rem}.proj-row-summary{padding:.9rem 1rem;flex-wrap:wrap;gap:.75rem}.proj-row-right{width:100%;justify-content:flex-start}.proj-row-skills{display:none}.proj-detail-inner{grid-template-columns:1fr}.proj-detail-gallery{border-right:none;border-bottom:1px solid var(--glass-border);max-height:200px}.project-icon-box{width:36px;height:36px;min-width:36px;font-size:.95rem}.proj-row-info .project-title{font-size:.95rem}.project-link{font-size:.82rem;padding:.55rem 1rem;min-height:40px}.certifications-grid{grid-template-columns:1fr;gap:.9rem}.cert-card{padding:1.1rem 1.1rem;border-radius:16px;gap:.85rem}.cert-icon-box{width:42px;height:42px;border-radius:12px;font-size:1.15rem}.cert-title{font-size:.9rem}.cert-issuer{font-size:.77rem}.links-grid{grid-template-columns:1fr;gap:.85rem}.link-card{padding:1.1rem 1.1rem;border-radius:16px;gap:1rem;min-height:68px}.link-icon-wrapper{width:44px;height:44px;border-radius:12px;font-size:1.2rem}.link-card-title{font-size:1rem}.link-card-url{font-size:.75rem;max-width:170px}.about-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}.about-card{padding:1.5rem 1.25rem;border-radius:20px}.about-card-header{gap:1rem;margin-bottom:1rem}.about-card-icon{width:42px;height:42px;border-radius:12px;font-size:1.1rem}.about-card-titles h3{font-size:1.1rem}.card-desc{font-size:.9rem;margin-bottom:1.25rem}.about-list{gap:.9rem}.about-list li{font-size:.88rem;gap:.75rem}.skills-block{margin-bottom:1.1rem}.mini-tags .tag{padding:.3rem .7rem!important;font-size:.75rem!important}.logo-text{font-size:1.2rem}.nav-logo-container{width:30px;height:30px}.footer-inner{grid-template-columns:1fr;padding:2.5rem 1.25rem 1.5rem;gap:1.75rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:1rem 1.25rem 1.5rem}.footer-made-with{justify-content:center}}@media (max-width:480px){html{font-size:14px}.hero-section{padding:6.5rem 1rem 2.5rem}.hero-title{font-size:2rem;letter-spacing:-.8px}.hero-subtitle{font-size:1.1rem}.subtitle-role{font-size:1.05rem}.hero-description{font-size:.9rem}.brand-showcase-new{padding:.75rem .85rem}.brand-content-wrap{gap:.65rem}.brand-name-new{font-size:1rem}.brand-status{display:none}.profile-circle-wrapper{max-width:240px;height:240px}.hud-ring-outer{--size:234px}.hud-ring-ticks{--size:222px}.hud-ring-dashed{--size:210px}.hud-ring-scan{--size:198px}.hud-ring-grid{--size:186px}.profile-circle-container,.profile-img-container-large{--size:175px}.profile-circle-glow{--size:175px}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem}.exp-card{padding:1.1rem 1rem}.about-card{padding:1.35rem 1.1rem}.project-card{padding:1.25rem 1rem}.project-photo-banner{margin:-1.25rem -1rem 1.1rem -1rem;height:155px}.cert-card{padding:1rem;gap:.75rem}.link-card{padding:1rem}.footer-inner{padding:2rem 1rem 1.25rem}.footer-bottom{padding:.85rem 1rem 1.25rem}.header-container{padding:.85rem 1rem}}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;z-index:200;transition:all var(--transition-fast)}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.nav-hamburger:hover{background:var(--card-hover-bg);border-color:var(--glass-border-hover)}@media (max-width:850px){.nav-hamburger{display:flex}#main-nav{position:absolute;top:100%;left:0;width:100%;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;z-index:99;max-height:0;overflow:hidden;display:block;transition:max-height .38s cubic-bezier(.4, 0, .2, 1);padding:0}#main-nav.open{max-height:420px;border-bottom:1px solid var(--glass-border)}#main-nav ul{flex-direction:column;gap:0;padding:.5rem 1.25rem}#main-nav ul li{border-bottom:1px solid var(--glass-border)}#main-nav ul li:last-child{border-bottom:none}.nav-link{display:flex;align-items:center;padding:.95rem 0;font-size:1rem;min-height:50px}.nav-link::after{display:none}}.experience-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.experience-timeline{position:relative;display:flex;flex-direction:column;gap:1.75rem}.experience-timeline::before{content:'';position:absolute;left:26px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-color),var(--accent-secondary),transparent);opacity:.3;border-radius:2px}.exp-card{position:relative;display:flex;gap:1.5rem;padding:2rem 2rem 2rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.exp-card::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;border-radius:4px 0 0 4px;transition:opacity var(--transition-normal)}.exp-accent::before{background:var(--accent-color);box-shadow:0 0 12px var(--accent-color)}.exp-pink::before{background:var(--accent-pink);box-shadow:0 0 12px var(--accent-pink)}.exp-secondary::before{background:var(--accent-secondary);box-shadow:0 0 12px var(--accent-secondary)}.exp-card:hover{transform:translateX(6px);border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.exp-dot{position:absolute;left:18px;top:2.25rem;width:16px;height:16px;border-radius:50%;border:2px solid var(--bg-color);flex-shrink:0;z-index:2}.exp-accent .exp-dot{background:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.exp-pink .exp-dot{background:var(--accent-pink);box-shadow:0 0 8px var(--accent-pink)}.exp-secondary .exp-dot{background:var(--accent-secondary);box-shadow:0 0 8px var(--accent-secondary)}.exp-icon{width:52px;height:52px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;margin-left:2.25rem;transition:transform var(--transition-normal)}.exp-accent .exp-icon{color:var(--accent-color)}.exp-pink .exp-icon{color:var(--accent-pink)}.exp-secondary .exp-icon{color:var(--accent-secondary)}.exp-card:hover .exp-icon{transform:scale(1.1) rotate(5deg)}.exp-body{flex:1}.exp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.exp-title{font-family:var(--font-heading);font-weight:800;font-size:1.2rem;color:var(--text-primary);margin-bottom:.15rem}.exp-org{font-family:var(--font-heading);font-weight:600;font-size:.95rem;margin-bottom:.25rem}.exp-accent .exp-org{color:var(--accent-color)}.exp-pink .exp-org{color:var(--accent-pink)}.exp-secondary .exp-org{color:var(--accent-secondary)}.exp-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem}.exp-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-muted);font-weight:500}.exp-meta-item i{font-size:.75rem}.exp-type-badge{padding:.2rem .65rem;border-radius:50px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.exp-accent .exp-type-badge{color:var(--accent-color);border-color:rgba(0,242,254,.25);background:rgba(0,242,254,.07)}.exp-pink .exp-type-badge{color:var(--accent-pink);border-color:rgba(157,78,221,.25);background:rgba(157,78,221,.07)}.exp-secondary .exp-type-badge{color:var(--accent-secondary);border-color:rgba(157,78,221,.25);background:rgba(157,78,221,.07)}.exp-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1rem}.exp-skills{display:flex;flex-wrap:wrap;gap:.5rem}.exp-skill-tag{padding:.25rem .7rem;border-radius:50px;font-size:.77rem;font-weight:500;background:rgba(0,0,0,.15);border:1px solid var(--glass-border);color:var(--text-secondary);transition:all var(--transition-fast)}[data-theme=light] .exp-skill-tag{background:rgba(0,0,0,.04)}.exp-card:hover .exp-skill-tag{border-color:var(--glass-border-hover);color:var(--text-primary)}@media (max-width:600px){.experience-timeline::before{display:none}.exp-dot{display:none}.exp-icon{margin-left:0}.exp-card{padding:1.5rem}}.certifications-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.cert-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.1rem;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal);overflow:hidden}.cert-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity var(--transition-normal)}.cat-ai .cert-card::before{background:var(--accent-color)}.cat-programming .cert-card::before{background:var(--accent-secondary)}.cat-competitive .cert-card::before{background:#f59e0b}.cat-design .cert-card::before{background:var(--accent-pink)}.cert-card.cat-ai::before{background:var(--accent-color)}.cert-card.cat-programming::before{background:var(--accent-secondary)}.cert-card.cat-competitive::before{background:#f59e0b}.cert-card.cat-design::before{background:var(--accent-pink)}.cert-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.cert-card:hover::before{opacity:1}.cert-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;border:1px solid var(--glass-border);transition:transform var(--transition-normal)}.cert-card:hover .cert-icon-box{transform:scale(1.1) rotate(6deg)}.cat-ai .cert-icon-box{color:var(--accent-color);background:rgba(0,242,254,.08)}.cat-programming .cert-icon-box{color:var(--accent-secondary);background:rgba(157,78,221,.08)}.cat-competitive .cert-icon-box{color:#f59e0b;background:rgba(245,158,11,.08)}.cat-design .cert-icon-box{color:var(--accent-pink);background:rgba(255,0,127,.08)}.cert-info{flex:1;display:flex;flex-direction:column;min-width:0}.cert-title{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--text-primary);margin-bottom:.2rem;line-height:1.3}.cert-issuer{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-bottom:.4rem}.cert-category-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;width:fit-content}.cat-ai .cert-category-badge{color:var(--accent-color);background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.2)}.cat-programming .cert-category-badge{color:var(--accent-secondary);background:rgba(157,78,221,.1);border:1px solid rgba(157,78,221,.2)}.cat-competitive .cert-category-badge{color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.cat-design .cert-category-badge{color:var(--accent-pink);background:rgba(255,0,127,.1);border:1px solid rgba(255,0,127,.2)}.project-card-photo{width:calc(100% + 4rem);margin:-2rem -2rem 1.5rem -2rem;height:200px;overflow:hidden;border-radius:24px 24px 0 0;position:relative;z-index:2}.project-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);display:block}.project-card:hover .project-card-photo img{transform:scale(1.06)}.project-card-photo-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--glass-bg),transparent);pointer-events:none}@media (max-width:600px){.project-card-photo{height:160px}}.cursor-glow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient(650px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(237,188,135,.035),transparent 80%);transition:opacity .4s ease}.nav-logo-container{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1.5px solid var(--accent-color);box-shadow:0 0 12px rgba(237,188,135,.25);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);transition:all var(--transition-normal)}.logo:hover .nav-logo-container{transform:rotate(360deg);border-color:#fff;box-shadow:0 0 18px rgba(237,188,135,.5)}.nav-logo-img{width:100%;height:100%;object-fit:cover}.logo-text{margin-left:.75rem;font-family:var(--font-heading);font-weight:800;font-size:1.35rem;letter-spacing:-.5px;color:var(--text-primary)}.brand-logo-container{padding:0!important;overflow:hidden}.brand-logo-img{width:100%;height:100%;object-fit:cover;border-radius:9px;transition:all var(--transition-normal);border:1px solid rgba(237,188,135,.15)}.brand-showcase-new:hover .brand-logo-img{transform:scale(1.08);border-color:var(--accent-color)}.reveal-on-scroll{opacity:0;transform:translateY(35px);transition:opacity .85s cubic-bezier(.25, 1, .5, 1),transform .85s cubic-bezier(.25, 1, .5, 1);will-change:transform,opacity}.reveal-on-scroll.active-reveal{opacity:1;transform:translateY(0);will-change:auto}.reveal-left{transform:translateX(-40px)}.reveal-right{transform:translateX(40px)}.reveal-on-scroll.active-reveal.reveal-left,.reveal-on-scroll.active-reveal.reveal-right{transform:translateX(0)}@media (max-width:768px){.reveal-on-scroll{opacity:0;transform:none!important;transition:opacity .45s ease;will-change:auto}.reveal-left,.reveal-right{transform:none!important}.reveal-on-scroll.active-reveal,.reveal-on-scroll.active-reveal.reveal-left,.reveal-on-scroll.active-reveal.reveal-right{opacity:1;transform:none!important}}.exp-card{transform:translateY(0);transition:all .4s cubic-bezier(.25, 1, .5, 1)}.exp-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(237,188,135,.05);border-color:rgba(237,188,135,.22)}.cert-card{transition:all .35s cubic-bezier(.25, 1, .5, 1)}.cert-card:hover{transform:scale(1.025) translateY(-3px);box-shadow:0 10px 24px rgba(237,188,135,.06);border-color:rgba(237,188,135,.25)}.about-card{transition:all .4s cubic-bezier(.25, 1, .5, 1)}.about-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(237,188,135,.07);border-color:rgba(237,188,135,.25)}.intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#050404;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .6s cubic-bezier(.4, 0, .2, 1),visibility .6s}.intro-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.intro-glow-aura{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(237,188,135,.1) 0,transparent 60%);z-index:1;pointer-events:none;animation:intro-glow-breath 3s ease-in-out infinite alternate}@keyframes intro-glow-breath{0%{transform:scale(.95);opacity:.8}100%{transform:scale(1.05);opacity:1.2}}.intro-particles-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.intro-particle{position:absolute;background:var(--accent-color);border-radius:50%;opacity:0;pointer-events:none;animation:float-particle ease-in-out infinite}@keyframes float-particle{0%{transform:translateY(0) translateX(0);opacity:0}20%{opacity:.35}80%{opacity:.35}100%{transform:translateY(var(--move-y,-100px)) translateX(var(--move-x,15px));opacity:0}}.intro-logo-circle-container{position:relative;display:flex;align-items:center;justify-content:center;z-index:3}.intro-circle-orbit{position:absolute;width:280px;height:280px;border-radius:50%;border:1px dashed rgba(237,188,135,.25);z-index:1;animation:orbit-rotate 10s linear infinite;pointer-events:none}.intro-circle-orbit-inner{position:absolute;width:254px;height:254px;border-radius:50%;border:1.2px dotted rgba(243,205,159,.22);z-index:1;animation:orbit-rotate-reverse 15s linear infinite;pointer-events:none}.intro-rotating-glow-ring{position:absolute;width:246px;height:246px;border-radius:50%;background:conic-gradient(from 0deg,transparent 20%,var(--accent-color) 50%,transparent 80%,var(--accent-pink) 100%);filter:blur(12px);opacity:.55;animation:orbit-rotate 4s linear infinite;z-index:1;pointer-events:none}.intro-rotating-glow-ring-sharp{position:absolute;width:236px;height:236px;border-radius:50%;background:conic-gradient(from 0deg,transparent 15%,var(--accent-color) 45%,#fff 50%,var(--accent-color) 55%,transparent 85%);filter:blur(1.5px);opacity:.85;animation:orbit-rotate 2.2s linear infinite;z-index:1;pointer-events:none}.intro-orbit-wrapper-1{position:absolute;width:280px;height:280px;border-radius:50%;animation:orbit-rotate 5s linear infinite;z-index:2;pointer-events:none}.intro-orbit-wrapper-2{position:absolute;width:254px;height:254px;border-radius:50%;animation:orbit-rotate-reverse 7s linear infinite;z-index:2;pointer-events:none}.intro-orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px var(--accent-color),0 0 16px var(--accent-color)}.dot-1{top:-2.5px;left:50%;transform:translateX(-50%);background:var(--accent-color)}.dot-2{bottom:-2.5px;left:50%;transform:translateX(-50%);background:#f3cd9f;box-shadow:0 0 8px #f3cd9f,0 0 16px #f3cd9f}@keyframes orbit-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes orbit-rotate-reverse{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}.intro-logo-circle{position:relative;width:230px;height:230px;border-radius:50%;border:none;outline:0;background:0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;box-shadow:0 0 35px rgba(237,188,135,.25);animation:intro-circle-in .9s cubic-bezier(.16,1,.3,1) forwards,intro-circle-pulse 3s ease-in-out infinite alternate .9s}.intro-logo{width:100%;height:100%;object-fit:cover;padding:0;border:none;outline:0;border-radius:50%;z-index:2;transform:scale(1.08);filter:drop-shadow(0 4px 12px rgba(0, 0, 0, .5))}.intro-logo-shimmer{position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16) 50%,transparent);transform:skewX(-25deg);z-index:3;pointer-events:none;animation:shimmer-sweep 3s ease-in-out infinite;animation-delay:.6s}@keyframes intro-circle-in{0%{opacity:0;transform:scale(.85);filter:blur(4px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes intro-circle-pulse{0%{transform:scale(1);box-shadow:0 0 35px rgba(237,188,135,.3)}100%{transform:scale(1.03);box-shadow:0 0 55px rgba(237,188,135,.55)}}@keyframes shimmer-sweep{0%{left:-150%}35%{left:150%}100%{left:150%}}.site-footer{position:relative;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);overflow:hidden}.site-footer::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(237,188,135,.07) 0,transparent 70%);pointer-events:none;z-index:0}.footer-glow-line{height:2px;width:100%;background:var(--accent-gradient);position:relative;overflow:hidden}.footer-glow-line::after{content:'';position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:footer-shimmer 3s ease-in-out infinite}@keyframes footer-shimmer{0%{left:-60%}100%{left:160%}}.footer-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:4rem 2rem 2.5rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:3rem}.footer-logo{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;transition:opacity var(--transition-fast)}.footer-logo:hover{opacity:.85}.footer-logo-img{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1.5px solid var(--glass-border-hover);box-shadow:0 0 10px var(--glow-color)}.footer-logo-text{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.4px}.footer-logo-accent{color:var(--accent-color);font-weight:400;margin-left:2px}.footer-brand-desc{font-size:.88rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.25rem}.footer-status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border:1px solid rgba(16,185,129,.25);border-radius:30px;background:rgba(16,185,129,.07);font-family:'Fira Code',monospace;font-size:.65rem;font-weight:600;color:#10b981;letter-spacing:.5px}.footer-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-green 1.5s infinite}.footer-heading{font-family:var(--font-heading);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-color);margin-bottom:1.3rem;position:relative;padding-bottom:.6rem}.footer-heading::after{content:'';position:absolute;left:0;bottom:0;width:24px;height:2px;border-radius:2px;background:var(--accent-gradient);transition:width var(--transition-normal)}.footer-col:hover .footer-heading::after{width:48px}.footer-nav-list{display:flex;flex-direction:column;gap:.65rem}.footer-nav-link{display:flex;align-items:center;gap:.55rem;font-size:.88rem;color:var(--text-secondary);padding:.2rem 0;transition:color var(--transition-fast),gap var(--transition-fast),transform var(--transition-fast)}.footer-nav-link i{font-size:.8rem;color:var(--text-muted);width:14px;transition:color var(--transition-fast)}.footer-nav-link:hover{color:var(--accent-color);gap:.75rem;transform:translateX(3px)}.footer-nav-link:hover i{color:var(--accent-color)}.footer-highlights{display:flex;flex-direction:column;gap:.75rem}.footer-highlight-card{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:10px;background:rgba(237,188,135,.04);border:1px solid var(--glass-border);transition:all var(--transition-fast);cursor:default}.footer-highlight-card:hover{background:rgba(237,188,135,.08);border-color:var(--glass-border-hover);transform:translateX(4px)}.footer-highlight-icon{font-size:1rem;color:var(--accent-color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(237,188,135,.1);border-radius:8px;flex-shrink:0;transition:background var(--transition-fast)}.footer-highlight-card:hover .footer-highlight-icon{background:rgba(237,188,135,.18)}.footer-highlight-title{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);font-family:var(--font-heading);line-height:1.2}.footer-highlight-sub{display:block;font-size:.73rem;color:var(--text-muted);margin-top:.1rem}.footer-bottom{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.25rem 2rem 2rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--glass-border);gap:1rem;flex-wrap:wrap}.footer-copy{font-size:.82rem;color:var(--text-muted)}.footer-copy strong{color:var(--accent-color)}.footer-made-with{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.footer-made-with strong{color:var(--text-secondary)}.footer-heart{color:#e05c7e;animation:footer-heartbeat 1.4s ease-in-out infinite}@keyframes footer-heartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.15)}}@media (max-width:1024px){.footer-inner{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width:640px){.footer-inner{grid-template-columns:1fr;padding:2.5rem 1.25rem 1.5rem;gap:2rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem 1.5rem}}@keyframes profile-float-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.profile-circle-wrapper{animation:none}html{scroll-behavior:auto}}@media (hover:none) and (pointer:coarse){.about-card:hover,.cert-card:hover,.exp-card:hover,.link-card:hover,.project-card:hover{transform:none}.link-card:active{border-color:var(--glass-border-hover);background:var(--card-hover-bg);transform:scale(.985)}.project-card:active{border-color:var(--glass-border-hover);background:var(--card-hover-bg);transform:scale(.985)}.btn:active{transform:scale(.97)}.filter-btn:active{transform:scale(.96)}.cursor-glow{display:none}.profile-circle-container{transform:none!important;transition:none!important}body{overflow-x:hidden}}@media (max-width:850px){.nav-hamburger.active span:first-child{transform:translateY(7px) rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-hamburger span{transition:transform .28s ease,opacity .2s ease}}@media (max-width:768px){.intro-circle-orbit{width:200px;height:200px}.intro-circle-orbit-inner{width:180px;height:180px}.intro-rotating-glow-ring{width:172px;height:172px}.intro-rotating-glow-ring-sharp{width:164px;height:164px}.intro-orbit-wrapper-1{width:200px;height:200px}.intro-orbit-wrapper-2{width:180px;height:180px}.intro-logo-circle{width:160px;height:160px;box-shadow:0 0 25px rgba(237,188,135,.2)}.intro-glow-aura{width:380px;height:380px}}@media (max-width:768px){.blob{width:350px;height:350px;filter:blur(80px);opacity:calc(var(--blob-opacity) * .7);animation:none}.blob-1{top:0;right:-30%}.blob-2{top:40%;left:-30%}#particle-canvas{opacity:.55}.grid-overlay{opacity:.4;background-size:45px 45px}}html{-webkit-overflow-scrolling:touch}@supports (padding:env(safe-area-inset-bottom)){@media (max-width:768px){.header-container{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.hero-section{padding-bottom:max(3rem,env(safe-area-inset-bottom))}.site-footer{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}}.posts-section{padding:6rem 2rem;position:relative}.posts-layout{max-width:900px;margin:0 auto 4rem}.personal-photo-card{position:relative;border-radius:20px;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.personal-photo-card:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 20px var(--glow-color)}.personal-photo-glow{position:absolute;inset:0;background:radial-gradient(ellipse at top center,var(--glow-color) 0,transparent 65%);pointer-events:none;opacity:.7;transition:opacity var(--transition-normal)}.personal-photo-card:hover .personal-photo-glow{opacity:1}.personal-photo-frame{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}.personal-photo-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.personal-photo-card:hover .personal-photo-img{transform:scale(1.04)}.personal-photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.25rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0,transparent 100%);display:flex;flex-direction:column;gap:.4rem}.personal-photo-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-gradient);color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-heading);padding:.3rem .75rem;border-radius:30px;width:fit-content;letter-spacing:.3px;box-shadow:0 4px 12px var(--glow-color)}.personal-photo-role{font-size:.8rem;color:rgba(255,255,255,.8);font-weight:500;letter-spacing:.2px}.personal-photo-info{padding:1.4rem 1.25rem}.personal-name{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--text-primary);margin-bottom:.3rem;letter-spacing:-.3px}.personal-tagline{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin-bottom:1rem}.personal-social-links{display:flex;gap:.6rem}.personal-social-btn{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all var(--transition-fast)}.personal-social-btn:hover{background:var(--accent-gradient);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 6px 14px var(--glow-color)}.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}.post-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:0 24px 48px rgba(0,0,0,.25),0 0 24px var(--glow-color)}.post-img-link{display:block;position:relative}.post-img-wrapper{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden}.post-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.post-card:hover .post-img{transform:scale(1.05)}.post-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0,rgba(0,0,0,.1) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1rem;opacity:0;transition:opacity var(--transition-normal)}.post-card:hover .post-img-overlay{opacity:1}.post-platform-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(225,48,108,.9);color:#fff;font-size:.72rem;font-weight:700;font-family:var(--font-heading);padding:.3rem .7rem;border-radius:30px;letter-spacing:.3px;backdrop-filter:blur(4px)}.post-view-btn{align-self:flex-end;display:flex;align-items:center;gap:.5rem;background:var(--accent-gradient);color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-heading);padding:.45rem .9rem;border-radius:30px;box-shadow:0 4px 12px var(--glow-color)}.post-card-body{padding:1.4rem;display:flex;flex-direction:column;gap:.85rem;flex:1}.post-card-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.post-platform-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:#e1306c;background:rgba(225,48,108,.1);border:1px solid rgba(225,48,108,.2);padding:.2rem .6rem;border-radius:20px;font-family:var(--font-heading)}.post-category-tag{display:inline-flex;align-items:center;font-size:.68rem;font-weight:600;color:var(--accent-color);background:rgba(237,188,135,.1);border:1px solid rgba(237,188,135,.2);padding:.2rem .6rem;border-radius:20px;font-family:var(--font-heading);letter-spacing:.2px}.post-category-tag.ai-tag{color:#a78bfa;background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.2)}.post-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.45;letter-spacing:-.2px}.post-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.65;flex:1}.post-read-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-color);font-size:.82rem;font-weight:600;font-family:var(--font-heading);padding:.55rem 1rem;background:rgba(237,188,135,.08);border:1px solid rgba(237,188,135,.18);border-radius:30px;width:fit-content;transition:all var(--transition-fast);letter-spacing:.2px}.post-read-btn:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateX(3px);box-shadow:0 6px 18px var(--glow-color)}.post-read-btn .fa-arrow-right{font-size:.7rem;transition:transform var(--transition-fast)}.post-read-btn:hover .fa-arrow-right{transform:translateX(3px)}.posts-cta{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center}.posts-cta-text{font-size:1rem;color:var(--text-secondary);line-height:1.6}.posts-cta-text strong{color:var(--accent-color);font-weight:700}.posts-cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.posts-cta-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.4rem;border-radius:50px;font-size:.88rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.3px;transition:all var(--transition-normal);border:1.5px solid transparent}.posts-cta-ig{background:rgba(225,48,108,.12);border-color:rgba(225,48,108,.3);color:#e1306c}.posts-cta-ig:hover{background:#e1306c;color:#fff;box-shadow:0 8px 24px rgba(225,48,108,.35);transform:translateY(-2px)}.posts-cta-yt{background:rgba(255,0,0,.1);border-color:rgba(255,0,0,.25);color:#ff3b3b}.posts-cta-yt:hover{background:red;color:#fff;box-shadow:0 8px 24px rgba(255,0,0,.3);transform:translateY(-2px)}.posts-cta-tt{background:rgba(237,188,135,.1);border-color:rgba(237,188,135,.25);color:var(--accent-color)}.posts-cta-tt:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 8px 24px var(--glow-color);transform:translateY(-2px)}@media (max-width:1024px){.posts-layout{grid-template-columns:260px 1fr;gap:2rem}}@media (max-width:768px){.posts-layout{grid-template-columns:1fr}.personal-photo-card{max-width:320px;margin:0 auto}.posts-grid{grid-template-columns:1fr}.posts-cta{padding:1.75rem 1.25rem}.posts-cta-buttons{flex-direction:column;align-items:center}.posts-cta-btn{width:100%;justify-content:center;max-width:260px}}@media (max-width:480px){.posts-section{padding:4rem 1rem}}.gallery-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;align-items:start}.gallery-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;border-radius:24px}.gallery-card-featured .gallery-img-wrap{aspect-ratio:4/3;border-radius:24px 0 0 24px}.gallery-card-featured .gallery-caption{display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2.5rem}.gallery-card-featured .gallery-title{font-size:1.5rem;margin-bottom:.85rem}.gallery-card-featured .gallery-desc{font-size:.95rem;line-height:1.75}.gallery-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;cursor:pointer;margin:0}.gallery-card:hover{border-color:var(--glass-border-hover);transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.3),0 0 30px var(--glow-color)}.gallery-img-wrap{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--bg-color)}.gallery-card-featured .gallery-img-wrap{aspect-ratio:3/4}.gallery-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.4, 0, .2, 1);display:block}.gallery-card:hover .gallery-img{transform:scale(1.06)}.gallery-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.05) 100%);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1rem;opacity:0;transition:opacity var(--transition-normal)}.gallery-card:hover .gallery-img-overlay{opacity:1}.gallery-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:var(--accent-gradient);border-radius:50px;color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.3px;box-shadow:0 4px 12px rgba(0,0,0,.4)}.gallery-zoom-icon{align-self:flex-end;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;backdrop-filter:blur(4px);transition:background var(--transition-fast),transform var(--transition-fast)}.gallery-card:hover .gallery-zoom-icon{background:var(--accent-gradient);border-color:transparent;transform:scale(1.1)}.gallery-caption{padding:1.25rem 1.5rem 1.5rem}.gallery-caption-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.gallery-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;background:rgba(237,188,135,.1);border:1px solid rgba(237,188,135,.2);border-radius:50px;color:var(--accent-color);font-size:.72rem;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px}.gallery-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.35}.gallery-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.65}.gallery-desc strong{color:var(--accent-color);font-weight:600}.gallery-card-featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);z-index:2;border-radius:20px 20px 0 0}.gallery-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.gallery-lightbox.is-open{opacity:1;pointer-events:all}.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.gallery-lightbox-content{position:relative;z-index:1;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem;transform:scale(.92);transition:transform .35s cubic-bezier(.34, 1.56, .64, 1)}.gallery-lightbox.is-open .gallery-lightbox-content{transform:scale(1)}.gallery-lb-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:16px;box-shadow:0 32px 80px rgba(0,0,0,.8),0 0 60px var(--glow-color);border:1px solid var(--glass-border-hover)}.gallery-lb-caption{font-family:var(--font-heading);font-size:.9rem;color:var(--text-secondary);text-align:center;max-width:600px;padding:0 1rem}.gallery-lb-close{position:absolute;top:-16px;right:-16px;width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border-hover);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);z-index:2}.gallery-lb-close:hover{background:var(--accent-gradient);border-color:transparent;color:#fff;transform:scale(1.1) rotate(90deg)}.threed-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.threed-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:340px;gap:1.5rem}.threed-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);grid-column:span 1}.threed-card:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 24px var(--glow-color)}.threed-card.bento-wide{grid-column:span 2;grid-row:span 1}.threed-card.bento-tall{grid-column:span 2;grid-row:span 2}.threed-img-wrap{position:absolute;inset:0;overflow:hidden;background:var(--bg-color)}.threed-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4, 0, .2, 1)}.threed-card:hover .threed-img{transform:scale(1.05)}.threed-overlay{position:absolute;top:1.25rem;right:1.25rem;z-index:2}.threed-badge{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;transition:background var(--transition-fast),transform var(--transition-fast)}.threed-card:hover .threed-badge{background:var(--accent-gradient);transform:scale(1.1);border-color:transparent}.threed-info{padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);position:absolute;bottom:0;left:0;right:0;z-index:2}.threed-card:not(.bento-tall):not(.bento-wide) .threed-info{padding:1.5rem}.threed-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.threed-card:not(.bento-tall):not(.bento-wide) .threed-title{font-size:1.15rem}.threed-desc{font-size:.95rem;color:rgba(255,255,255,.85);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1024px){.threed-bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}.threed-card.bento-tall{grid-row:span 1}}@media (max-width:600px){.threed-section{padding:4rem 1rem}.threed-bento-grid{grid-template-columns:1fr;grid-auto-rows:280px}.threed-card.bento-wide{grid-column:span 1}}@media (max-width:900px){.gallery-grid{grid-template-columns:1fr 1fr}.gallery-card-featured{grid-column:1/-1;grid-template-columns:1fr 1fr}.gallery-card-featured .gallery-img-wrap{aspect-ratio:3/4}}@media (max-width:600px){.gallery-section{padding:4rem 1rem}.gallery-grid{grid-template-columns:1fr}.gallery-card-featured{grid-column:span 1;grid-template-columns:1fr}.gallery-card-featured .gallery-img-wrap{aspect-ratio:4/3;border-radius:24px 24px 0 0}.gallery-card-featured .gallery-caption{padding:1.5rem}.gallery-card-featured .gallery-title{font-size:1.2rem}.gallery-img-wrap{aspect-ratio:4/3}}.chatbot-fab{position:fixed;bottom:2rem;right:2rem;z-index:9999;width:60px;height:60px;border-radius:50%;background:var(--accent-gradient);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px var(--glow-color),0 4px 12px rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),box-shadow var(--transition-normal),opacity .4s ease;opacity:0;transform:scale(.7) translateY(10px)}.chatbot-fab--visible{opacity:1;transform:scale(1) translateY(0)}.chatbot-fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 36px var(--glow-color),0 6px 18px rgba(0,0,0,.35)}.chatbot-fab--open:hover{transform:scale(1.05) translateY(-1px)}.chatbot-fab-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--accent-color);opacity:0;animation:chatbot-fab-pulse 2.5s ease-out infinite 2s}@keyframes chatbot-fab-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.5);opacity:0}}.chatbot-fab-icon{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem}.chatbot-fab-close-icon,.chatbot-fab-open-icon{position:absolute;transition:transform .35s cubic-bezier(.34, 1.56, .64, 1),opacity .25s ease}.chatbot-fab-close-icon{opacity:0;transform:rotate(-90deg) scale(.6)}.chatbot-fab-open-icon{opacity:1;transform:rotate(0) scale(1)}.chatbot-fab--open .chatbot-fab-close-icon{opacity:1;transform:rotate(0) scale(1)}.chatbot-fab--open .chatbot-fab-open-icon{opacity:0;transform:rotate(90deg) scale(.6)}.chatbot-panel{position:fixed;bottom:6rem;right:2rem;z-index:9998;width:400px;max-height:600px;display:flex;flex-direction:column;border-radius:20px;background:var(--glass-bg);border:1px solid var(--glass-border-hover);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 30px 60px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.2),0 0 0 1px rgba(237,188,135,.06) inset;transform:translateY(20px) scale(.95);transform-origin:bottom right;opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.34, 1.2, .64, 1),opacity .3s ease;overflow:hidden}.chatbot-panel--open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;background:linear-gradient(135deg,rgba(237,188,135,.1) 0,rgba(0,0,0,0) 60%);border-bottom:1px solid var(--glass-border);flex-shrink:0}.chatbot-header-info{display:flex;align-items:center;gap:.75rem}.chatbot-header-avatar{position:relative;width:42px;height:42px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px var(--glow-color)}.chatbot-header-status-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#10b981;border:2px solid var(--bg-color);box-shadow:0 0 6px #10b981;animation:pulse-green 1.8s infinite}.chatbot-header-name{display:block;font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--text-primary);line-height:1.2}.chatbot-header-sub{display:block;font-size:.72rem;color:var(--text-muted);font-weight:500;letter-spacing:.3px}.chatbot-header-actions{display:flex;align-items:center;gap:.4rem}.chatbot-icon-btn{width:34px;height:34px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.chatbot-icon-btn:hover{background:rgba(237,188,135,.12);border-color:var(--glass-border-hover);color:var(--accent-color)}.chatbot-voice-toggle{width:34px;height:34px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.chatbot-voice-toggle:hover{border-color:var(--glass-border-hover);color:var(--accent-color)}.chatbot-voice-toggle--active{background:rgba(237,188,135,.15);border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 10px var(--glow-color)}.chatbot-messages{flex:1;overflow-y:auto;padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.85rem;scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:0 0}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.chatbot-message{display:flex;align-items:flex-end;gap:.6rem;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;max-width:100%}.chatbot-message--visible{opacity:1;transform:translateY(0)}.chatbot-message--user{flex-direction:row-reverse}.chatbot-message--user .chatbot-bubble{background:var(--accent-gradient);color:#fff;border-radius:18px 18px 4px 18px;box-shadow:0 4px 16px var(--glow-color)}.chatbot-message--user .chatbot-bubble a{color:rgba(255,255,255,.85);text-decoration:underline}.chatbot-message--bot .chatbot-bubble{background:rgba(237,188,135,.06);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px 18px 18px 18px;box-shadow:var(--shadow-sm)}[data-theme=light] .chatbot-message--bot .chatbot-bubble{background:rgba(184,133,76,.06)}.chatbot-bubble{padding:.7rem 1rem;font-size:.9rem;line-height:1.6;max-width:82%;word-break:break-word}.chatbot-bubble p{margin:0 0 .4em}.chatbot-bubble p:last-child{margin:0}.chatbot-bubble strong{font-weight:700;color:var(--accent-color)}.chatbot-message--user .chatbot-bubble strong{color:rgba(255,255,255,.95)}.chatbot-bubble code{font-family:'Fira Code',monospace;background:rgba(237,188,135,.15);padding:.1em .35em;border-radius:4px;font-size:.85em}.chatbot-bubble a{color:var(--accent-color);text-decoration:underline;word-break:break-all}.chatbot-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;flex-shrink:0;box-shadow:0 2px 8px var(--glow-color);align-self:flex-end}.chatbot-bubble-actions{display:flex;gap:.25rem;margin-top:.35rem;opacity:0;transition:opacity var(--transition-fast)}.chatbot-message:hover .chatbot-bubble-actions{opacity:1}.chatbot-action-btn{width:26px;height:26px;border-radius:6px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;transition:all var(--transition-fast)}.chatbot-action-btn--active,.chatbot-action-btn:hover{background:rgba(237,188,135,.12);border-color:var(--accent-color);color:var(--accent-color)}.chatbot-typing{display:flex;align-items:center;gap:5px;padding:.65rem 1rem;min-width:60px}.chatbot-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-color);opacity:.6;animation:chatbot-bounce 1.2s ease-in-out infinite}.chatbot-dot:first-child{animation-delay:0s}.chatbot-dot:nth-child(2){animation-delay:.18s}.chatbot-dot:nth-child(3){animation-delay:.36s}@keyframes chatbot-bounce{0%,100%,60%{transform:translateY(0);opacity:.6}30%{transform:translateY(-6px);opacity:1}}.chatbot-chips-container{padding:.5rem .75rem .25rem;border-top:1px solid var(--glass-border);flex-shrink:0}.chatbot-chips-scroll{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}.chatbot-chips-scroll::-webkit-scrollbar{display:none}.chatbot-chip{flex-shrink:0;padding:.35rem .8rem;border-radius:30px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-body)}.chatbot-chip:hover{background:rgba(237,188,135,.12);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px var(--glow-color)}.chatbot-input-row{display:flex;align-items:flex-end;gap:.6rem;padding:.65rem .75rem .7rem;border-top:1px solid var(--glass-border);flex-shrink:0;background:rgba(0,0,0,.15)}[data-theme=light] .chatbot-input-row{background:rgba(255,255,255,.35)}.chatbot-textarea{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;line-height:1.5;padding:.6rem .85rem;resize:none;outline:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);max-height:120px;min-height:42px}.chatbot-textarea::placeholder{color:var(--text-muted);font-size:.87rem}.chatbot-textarea:focus{border-color:rgba(237,188,135,.45);box-shadow:0 0 0 3px rgba(237,188,135,.08)}.chatbot-send-btn{width:42px;height:42px;border-radius:12px;background:var(--accent-gradient);border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--glow-color)}.chatbot-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px var(--glow-color)}.chatbot-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chatbot-mic-btn{background:0 0;border:1px solid var(--glass-border);color:var(--text-muted);box-shadow:none}.chatbot-mic-btn:hover:not(:disabled){background:rgba(237,188,135,.12);border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 4px 12px var(--glow-color)}.chatbot-mic-btn--listening{background:var(--accent-color);color:#fff;border-color:transparent;animation:mic-pulse 1.5s infinite;box-shadow:0 0 15px var(--glow-color)}@keyframes mic-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(237,188,135,.6)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(237,188,135,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(237,188,135,0)}}.chatbot-footer-note{text-align:center;font-size:.65rem;color:var(--text-muted);padding:.3rem 1rem .55rem;opacity:.65;flex-shrink:0}.chatbot-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease;padding:1.5rem}.chatbot-modal--visible{opacity:1;pointer-events:all}.chatbot-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chatbot-modal-box{position:relative;z-index:1;background:var(--glass-bg);border:1px solid var(--glass-border-hover);border-radius:20px;padding:2.5rem 2rem 2rem;max-width:420px;width:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(237,188,135,.08) inset;text-align:center;transform:translateY(10px) scale(.97);transition:transform .3s cubic-bezier(.34, 1.2, .64, 1)}.chatbot-modal--visible .chatbot-modal-box{transform:translateY(0) scale(1)}.chatbot-modal-icon{width:56px;height:56px;border-radius:16px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;margin:0 auto 1.25rem;box-shadow:0 8px 20px var(--glow-color)}.chatbot-modal-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.65rem}.chatbot-modal-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.25rem}.chatbot-modal-link{color:var(--accent-color);text-decoration:underline;font-weight:600}.chatbot-api-input{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--glass-border-hover);border-radius:10px;color:var(--text-primary);font-family:'Fira Code',monospace;font-size:.88rem;padding:.75rem 1rem;outline:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:.6rem;letter-spacing:.5px}[data-theme=light] .chatbot-api-input{background:rgba(255,255,255,.7)}.chatbot-api-input:focus{border-color:rgba(237,188,135,.55);box-shadow:0 0 0 3px rgba(237,188,135,.1)}.chatbot-api-input.chatbot-input--error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12);animation:chatbot-shake .35s ease}@keyframes chatbot-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.chatbot-modal-hint{font-size:.72rem;color:var(--text-muted);margin-bottom:1.5rem}.chatbot-modal-actions{display:flex;flex-direction:column;gap:.65rem}.chatbot-modal-save-btn{width:100%;padding:.8rem 1.5rem;border-radius:12px;background:var(--accent-gradient);border:none;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all var(--transition-fast);box-shadow:0 6px 20px var(--glow-color)}.chatbot-modal-save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--glow-color)}.chatbot-modal-cancel-btn{width:100%;padding:.65rem 1.5rem;border-radius:12px;background:0 0;border:1px solid var(--glass-border);color:var(--text-muted);font-family:var(--font-body);font-size:.88rem;cursor:pointer;transition:all var(--transition-fast)}.chatbot-modal-cancel-btn:hover{border-color:var(--glass-border-hover);color:var(--text-secondary)}@media (max-width:640px){.chatbot-fab{bottom:1.25rem;right:1.25rem;width:56px;height:56px}.chatbot-panel{bottom:0;right:0;left:0;width:100%;max-height:85dvh;border-radius:20px 20px 0 0;transform-origin:bottom center}.chatbot-modal-box{padding:2rem 1.5rem 1.5rem}}@media (max-width:420px){.chatbot-chip{font-size:.73rem;padding:.3rem .65rem}.chatbot-bubble{font-size:.87rem;max-width:88%}}.contact-container{width:100%;max-width:600px;margin:0 auto}.contact-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:3.5rem 2.5rem;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-normal);z-index:1}.contact-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 15px 40px var(--glow-color)}.contact-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 0,var(--glow-color),transparent 60%);opacity:0;z-index:-1;transition:opacity var(--transition-normal)}.contact-card:hover .contact-card-glow{opacity:1}.contact-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.contact-icon{font-size:2.5rem;color:var(--accent-color);z-index:2;transition:transform var(--transition-normal)}.contact-card:hover .contact-icon{transform:scale(1.1) rotate(5deg)}.contact-pulse,.contact-pulse-2{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--glow-color);z-index:1}.contact-pulse{animation:contactPulseAnim 2.5s cubic-bezier(.455,.03,.515,.955) infinite}.contact-pulse-2{animation:contactPulseAnim 2.5s cubic-bezier(.455,.03,.515,.955) infinite;animation-delay:1.25s}@keyframes contactPulseAnim{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.5);opacity:0}}.contact-heading{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.contact-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:2.5rem}.contact-email-link{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 2.5rem;background:var(--accent-gradient);border-radius:50px;text-decoration:none;overflow:hidden;position:relative;box-shadow:0 8px 24px var(--glow-color);transition:all var(--transition-normal)}.contact-email-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.contact-email-link:hover::before{left:100%}.contact-email-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px var(--glow-color),0 0 20px var(--accent-color)}.email-text{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:#fff;letter-spacing:.5px}.email-arrow{color:#fff;font-size:1.1rem;transition:transform var(--transition-normal)}.contact-email-link:hover .email-arrow{transform:translateX(5px) translateY(-5px)}.khamsat-logo-img{display:inline-block;width:16px;height:16px;object-fit:contain;vertical-align:middle;border-radius:3px;filter:brightness(.75);transition:filter var(--transition-fast),transform var(--transition-fast)}.khamsat-link:hover .khamsat-logo-img{filter:brightness(1.1);transform:scale(1.15)}.experience-section{padding:6rem 2rem}.experience-timeline{max-width:900px;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:0}.experience-timeline::before{content:'';position:absolute;left:38px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0,var(--accent-color) 10%,rgba(237,188,135,.3) 50%,var(--accent-color) 90%,transparent 100%);opacity:.35;border-radius:2px}.exp-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.75rem 1.75rem 1.75rem 0;position:relative;transition:all var(--transition-normal)}.exp-card:last-child{padding-bottom:0}.exp-dot{position:absolute;left:33px;top:2.1rem;width:12px;height:12px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 10px var(--glow-color);z-index:2;border:2px solid var(--bg-color);transition:all var(--transition-normal)}.exp-card:hover .exp-dot{transform:scale(1.4);box-shadow:0 0 18px var(--glow-color)}.exp-icon{flex-shrink:0;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-left:60px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);backdrop-filter:blur(8px)}.exp-card:hover .exp-icon{border-color:var(--glass-border-hover);box-shadow:0 0 18px var(--glow-color);transform:scale(1.08) rotate(-3deg)}.exp-accent .exp-icon{color:var(--accent-color);border-color:rgba(237,188,135,.25);background:rgba(237,188,135,.06)}.exp-pink .exp-icon{color:var(--accent-pink);border-color:rgba(243,205,159,.25);background:rgba(243,205,159,.06)}.exp-secondary .exp-icon{color:var(--text-secondary);border-color:rgba(180,180,180,.18);background:rgba(180,180,180,.04)}.exp-green .exp-icon{color:#10b981;border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.07)}.exp-accent .exp-dot{background:var(--accent-gradient);box-shadow:0 0 10px var(--glow-color)}.exp-pink .exp-dot{background:var(--accent-pink);box-shadow:0 0 10px var(--glow-pink)}.exp-secondary .exp-dot{background:var(--text-muted)}.exp-green .exp-dot{background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.45)}.exp-body{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem 1.75rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.exp-body::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal);border-radius:16px 16px 0 0}.exp-card:hover .exp-body{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md),0 0 20px rgba(237,188,135,.05);transform:translateX(4px)}.exp-card:hover .exp-body::before{opacity:1}.exp-pink .exp-body::before{background:linear-gradient(135deg,var(--accent-pink),var(--accent-color))}.exp-green .exp-body::before{background:linear-gradient(135deg,#10b981,#34d399)}.exp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.exp-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text-primary);line-height:1.3}.exp-org{font-size:.9rem;font-weight:600;color:var(--accent-color);margin-top:.2rem}.exp-type-badge{display:inline-block;padding:.3rem .85rem;border-radius:30px;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:rgba(237,188,135,.1);border:1px solid rgba(237,188,135,.22);color:var(--accent-color);flex-shrink:0}.exp-pink .exp-type-badge{background:rgba(243,205,159,.1);border-color:rgba(243,205,159,.22);color:var(--accent-pink)}.exp-green .exp-type-badge{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25);color:#10b981}.exp-secondary .exp-type-badge{background:rgba(140,133,123,.1);border-color:rgba(140,133,123,.2);color:var(--text-secondary)}.exp-meta{display:flex;align-items:center;gap:1.25rem;margin-bottom:.9rem;flex-wrap:wrap}.exp-meta-item{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted);font-family:'Fira Code',monospace}.exp-meta-item i{color:var(--accent-color);font-size:.75rem;opacity:.8}.exp-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.1rem}.exp-skills{display:flex;flex-wrap:wrap;gap:.5rem}.exp-skill-tag{display:inline-flex;align-items:center;padding:.28rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:rgba(237,188,135,.08);border:1px solid rgba(237,188,135,.18);color:var(--accent-secondary);transition:all var(--transition-fast);letter-spacing:.2px}.exp-skill-tag:hover{background:rgba(237,188,135,.15);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.exp-green .exp-skill-tag{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2);color:#10b981}.exp-green .exp-skill-tag:hover{background:rgba(16,185,129,.16);border-color:#10b981}@media (max-width:640px){.experience-timeline::before{left:20px}.exp-dot{left:15px;top:1.6rem}.exp-icon{margin-left:36px;width:44px;height:44px;font-size:1.05rem}.exp-body{padding:1.25rem}.exp-header{flex-direction:column;gap:.5rem}.exp-type-badge{align-self:flex-start}.exp-meta{flex-direction:column;gap:.4rem}}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);font-size:.9rem;padding:3rem}#back-to-top{position:fixed;bottom:6.5rem;right:2rem;z-index:9998;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#edbc87 0,#c09465 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 4px 18px rgba(237,188,135,.5);opacity:0;visibility:hidden;transform:translateY(10px) scale(.85);transition:opacity .35s ease,transform .35s ease,visibility .35s ease,box-shadow .25s ease}#back-to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}#back-to-top:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 8px 28px rgba(237,188,135,.7),0 0 0 6px rgba(237,188,135,.12)}#back-to-top:active{transform:translateY(0) scale(.93);transition-duration:.1s}#back-to-top:hover i{animation:btt-bounce .5s ease forwards}@keyframes btt-bounce{0%{transform:translateY(0)}40%{transform:translateY(-4px)}70%{transform:translateY(-1px)}100%{transform:translateY(-3px)}}[data-theme=light] #back-to-top{box-shadow:0 4px 16px rgba(184,133,76,.45)}[data-theme=light] #back-to-top:hover{box-shadow:0 8px 24px rgba(184,133,76,.6),0 0 0 6px rgba(184,133,76,.1)}@media (max-width:640px){#back-to-top{width:44px;height:44px;bottom:1.25rem;right:1.25rem;font-size:1rem}}.project-tile{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.25, 1, .5, 1);outline:0}.project-tile::before{content:'';position:absolute;inset:0;background:radial-gradient(700px circle at var(--mouse-x,-300px) var(--mouse-y,-300px),rgba(237,188,135,.07),transparent 45%);pointer-events:none;z-index:1;border-radius:inherit}.project-tile:focus-visible,.project-tile:hover{transform:translateY(-8px) scale(1.01);border-color:var(--glass-border-hover);box-shadow:0 24px 48px rgba(0,0,0,.35),0 0 28px var(--glow-color),inset 0 1px 0 rgba(255,255,255,.06)}.tile-preview{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;flex-shrink:0;background:var(--bg-color)}.tile-preview-img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .6s cubic-bezier(.4, 0, .2, 1);display:block}.project-tile:hover .tile-preview-img{transform:scale(1.07)}.tile-preview-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--accent-color);background:radial-gradient(circle at 50% 60%,rgba(237,188,135,.1) 0,transparent 65%);position:relative}.tile-preview-icon::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(237,188,135,.04) 0,transparent 60%)}.tile-hover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.82) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.08) 100%);opacity:0;transition:opacity .3s ease;z-index:2}.project-tile:hover .tile-hover-overlay{opacity:1}.tile-open-label{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem;background:var(--accent-gradient);border-radius:50px;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.9rem;letter-spacing:.2px;box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 16px var(--glow-color);transform:translateY(8px);transition:transform .35s cubic-bezier(.34, 1.56, .64, 1)}.project-tile:hover .tile-open-label{transform:translateY(0)}.tile-category-badge{position:absolute;top:.85rem;left:.85rem;z-index:3;padding:.28rem .75rem;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(237,188,135,.3);border-radius:50px;font-family:var(--font-heading);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-color);white-space:nowrap;transition:all .3s ease}.project-tile:hover .tile-category-badge{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,.4)}.tile-status-badge{position:absolute;top:.85rem;right:.85rem;z-index:3;display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .75rem;background:rgba(18,14,8,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(245,158,11,.45);border-radius:50px;font-family:var(--font-heading);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#fbbf24;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 12px rgba(245,158,11,.2);transition:all .3s ease}.project-tile:hover .tile-status-badge{background:rgba(245,158,11,.22);border-color:rgba(245,158,11,.75);box-shadow:0 4px 18px rgba(245,158,11,.45);transform:translateY(-1px)}.tile-status-badge i{font-size:.72rem;color:#f59e0b}.status-pulse-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:status-pulse-anim 1.6s infinite ease-in-out;flex-shrink:0;display:inline-block}@keyframes status-pulse-anim{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 8px #f59e0b}50%{opacity:.35;transform:scale(.65);box-shadow:0 0 2px #f59e0b}}.modal-status-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .75rem;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.35);border-radius:50px;color:#fbbf24;font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-left:.6rem;vertical-align:middle}.modal-status-badge i{color:#f59e0b}.tile-footer{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem .75rem;z-index:2;position:relative}.tile-icon-wrap{width:36px;height:36px;min-width:36px;border-radius:10px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;box-shadow:0 4px 10px var(--glow-color);flex-shrink:0;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.project-tile:hover .tile-icon-wrap{transform:scale(1.12) rotate(-6deg)}.tile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.tile-title{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .2s ease}.project-tile:hover .tile-title{color:var(--accent-color)}.tile-tagline{font-size:.75rem;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-skills{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 1.1rem 1rem;z-index:2;position:relative}.tile-skill-tag{background:rgba(237,188,135,.07);border:1px solid rgba(237,188,135,.15);color:var(--text-muted);padding:.18rem .6rem;border-radius:50px;font-size:.65rem;font-weight:600;white-space:nowrap;transition:all .2s ease;letter-spacing:.2px}.project-tile:hover .tile-skill-tag{border-color:rgba(237,188,135,.3);color:var(--accent-secondary);background:rgba(237,188,135,.12)}@media (max-width:768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.project-tile:hover{transform:translateY(-4px) scale(1)}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr;gap:.9rem}.tile-preview{aspect-ratio:16/9}}.project-modal-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .35s ease}.project-modal-overlay.open{opacity:1;pointer-events:all}.project-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer}.project-modal-box{position:relative;z-index:1;width:100%;max-width:900px;max-height:90vh;background:var(--glass-bg);border:1px solid var(--glass-border-hover);border-radius:28px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 40px 80px rgba(0,0,0,.55),0 0 0 1px rgba(237,188,135,.08) inset,0 0 80px rgba(237,188,135,.06);transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34, 1.2, .64, 1);overflow-y:auto}.project-modal-overlay.open .project-modal-box{transform:scale(1) translateY(0)}.modal-close-btn{position:absolute;top:1.1rem;right:1.1rem;z-index:10;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(8px)}.modal-close-btn:hover{background:var(--accent-gradient);border-color:transparent;color:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 16px var(--glow-color)}.modal-gallery-col{position:relative;background:var(--bg-color);display:flex;flex-direction:column;min-height:320px;overflow:hidden}.modal-gallery-col::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);z-index:2;opacity:.75}.modal-gallery-wrap{position:relative;flex:1;overflow:hidden}.modal-gallery-img{width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .2s ease;display:block}.modal-gallery-placeholder{width:100%;height:100%;display:none;align-items:center;justify-content:center;font-size:4rem;color:var(--accent-color);background:radial-gradient(circle at 50% 60%,rgba(237,188,135,.1) 0,transparent 65%)}.modal-thumbstrip{display:flex;gap:.6rem;padding:.75rem 1rem;background:rgba(0,0,0,.35);border-top:1px solid var(--glass-border);overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.modal-thumbstrip::-webkit-scrollbar{height:3px}.modal-thumbstrip::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.modal-thumb{flex-shrink:0;width:68px;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s ease;background:0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.modal-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;transition:transform .2s ease}.modal-thumb:hover img{transform:scale(1.05)}.modal-thumb.active{border-color:var(--accent-color);box-shadow:0 0 10px var(--glow-color)}.modal-thumb span{font-family:var(--font-heading);font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.modal-thumb.active span{color:var(--accent-color)}.modal-info-col{display:flex;flex-direction:column;padding:2rem 1.75rem 2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.modal-info-col::-webkit-scrollbar{width:4px}.modal-info-col::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.modal-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.modal-icon-box{width:52px;height:52px;min-width:52px;border-radius:14px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 6px 20px var(--glow-color);flex-shrink:0}.modal-category{font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent-color);background:rgba(237,188,135,.1);border:1px solid rgba(237,188,135,.2);padding:.2rem .65rem;border-radius:20px;display:inline-block;margin-bottom:.35rem}.modal-title{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.modal-tagline{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--accent-secondary);margin-bottom:.85rem;font-style:italic}.modal-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}.modal-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.modal-skills .project-skill-tag{padding:.28rem .75rem;font-size:.75rem;background:rgba(237,188,135,.08);border-color:rgba(237,188,135,.2);color:var(--accent-secondary);border-radius:50px}.modal-components{margin-bottom:1.5rem}.modal-section-label{font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.modal-section-label i{color:var(--accent-color);font-size:.8rem}.modal-components-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.modal-components-list li{display:flex;align-items:center;gap:.6rem;font-size:.83rem;color:var(--text-secondary);line-height:1.45}.modal-components-list li i{color:var(--accent-color);font-size:.65rem;flex-shrink:0;opacity:.8}.modal-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--glass-border)}@media (max-width:700px){.project-modal-box{grid-template-columns:1fr;max-height:92vh;max-width:100%;border-radius:20px;margin:.5rem}.modal-gallery-col{min-height:220px}.modal-gallery-wrap{max-height:220px}.modal-gallery-img{object-fit:cover;max-height:220px}.modal-info-col{padding:1.5rem 1.25rem}.modal-title{font-size:1.25rem}.modal-close-btn{top:.75rem;right:.75rem}.project-modal-overlay{padding:.5rem;align-items:flex-end}.project-modal-box{transform:scale(1) translateY(30px);border-radius:24px 24px 0 0}.project-modal-overlay.open .project-modal-box{transform:scale(1) translateY(0)}}@media (max-width:480px){.modal-gallery-col{min-height:180px}.modal-gallery-wrap{max-height:180px}.modal-gallery-img{max-height:180px}.modal-thumbstrip{padding:.6rem .75rem;gap:.5rem}.modal-thumb{width:56px}}@media (hover:none) and (pointer:coarse){.project-tile:hover{transform:none;box-shadow:var(--shadow-sm)}.project-tile:active{transform:scale(.98);border-color:var(--glass-border-hover)}.tile-hover-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.65) 0,rgba(0,0,0,.1) 50%,transparent 100%)}.tile-open-label{transform:translateY(0);background:rgba(237,188,135,.2);border:1px solid rgba(237,188,135,.4);color:var(--accent-color);box-shadow:none;font-size:.8rem;padding:.45rem 1rem}}