*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 15% 15%, var(--ambient-1) 0%, transparent 40%), radial-gradient(circle at 85% 60%, var(--ambient-2) 0%, transparent 45%), radial-gradient(circle, var(--dot-color) 1.2px, transparent 1.2px);background-size:100% 100%,100% 100%,36px 36px;background-attachment:fixed;width:100%;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}body[data-theme=dark]{--bg:#090a0f;--bg2:#11131c;--bg3:#181b28;--border:#ffffff14;--border2:#ffffff29;--border-focus:#ff9d0080;--text:#f8fafc;--text2:#cbd5e1;--text3:#94a3b8;--text4:#64748b;--card-bg:#11131c;--card-text:#f8fafc;--dot-color:#ffffff0d;--glow:#ff9d002e;--glow-purple:#8b5cf626;--ambient-1:#ff9d000a;--ambient-2:#8b5cf60a;--accent:#ff9d00;--accent-light:#ffb733;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--card-shadow:0 20px 50px #0009}body[data-theme=light]{--bg:#f8f9fa;--bg2:#fff;--bg3:#f1f3f5;--border:#00000014;--border2:#00000026;--border-focus:#ff9d0099;--text:#0f172a;--text2:#334155;--text3:#64748b;--text4:#94a3b8;--card-bg:#fff;--card-text:#0f172a;--dot-color:#0000000d;--glow:#ff9d001f;--glow-purple:#8b5cf614;--ambient-1:#ff9d0008;--ambient-2:#8b5cf608;--accent:#ef8700;--accent-light:#ff9d00;--accent-purple:#7c3aed;--accent-pink:#db2777;--accent-cyan:#0891b2;--card-shadow:0 16px 40px #00000012}.scroll-progress{z-index:99999;background:linear-gradient(90deg,#ff9d00,#ff007f,#8b5cf6,#00e5ff);height:3.5px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 12px #ff9d00b3}#cursor-dot{background:var(--accent);pointer-events:none;z-index:99999;opacity:0;width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;transition:opacity .2s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:99998;opacity:0;border:1.5px solid #ff9d0099;border-radius:50%;width:34px;height:34px;transition:width .2s,height .2s,border-color .2s,background .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring.cursor-hover{border-color:var(--accent);background:#ff9d0014;width:52px;height:52px}@media (pointer:coarse){#cursor-dot,#cursor-ring{display:none!important}}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important}}.top-controls{z-index:10000;align-items:center;gap:10px;display:flex;position:fixed;top:20px;left:24px}.theme-toggle,.sound-toggle{background:var(--bg2);border:1px solid var(--border2);cursor:pointer;color:var(--text2);letter-spacing:1px;-webkit-backdrop-filter:blur(16px);border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px #00000026}.theme-toggle:hover,.sound-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 6px 24px var(--glow);transform:translateY(-2px)}.theme-toggle-icon{font-size:15px;transition:transform .4s}.theme-toggle:hover .theme-toggle-icon{transform:rotate(25deg)}.sound-toggle.sound-active{color:#3ddc84;border-color:#3ddc84}.navbar{z-index:9998;border:1px solid var(--border2);-webkit-backdrop-filter:blur(20px);background:#11131cbf;border-radius:50px;align-items:center;gap:24px;padding:8px 20px 8px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}body[data-theme=light] .navbar{background:#ffffffd9;box-shadow:0 10px 30px #00000014}.navbar-scrolled{border-color:#ff9d004d;box-shadow:0 12px 40px #00000080,0 0 20px #ff9d001a}.nav-brand{color:var(--text);letter-spacing:2px;align-items:baseline;font-family:Bebas Neue,sans-serif;font-size:26px;text-decoration:none;transition:transform .2s;display:flex}.nav-brand:hover{transform:scale(1.05)}.nav-brand-dot{color:var(--accent)}.nav-links-wrap{align-items:center;gap:4px;display:flex}.nav-item{color:var(--text2);cursor:pointer;letter-spacing:.5px;border-radius:20px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s,background .2s;position:relative}.nav-item:hover{color:var(--accent);background:#ff9d0014}.nav-underline{background:var(--accent);border-radius:2px;width:0;height:2px;transition:width .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-item:hover .nav-underline{width:60%}.menu-toggle{z-index:10001;background:var(--bg2);border:1px solid var(--border2);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none;position:fixed;top:18px;right:20px;box-shadow:0 4px 20px #0003}.menu-toggle span{background:var(--text);border-radius:2px;width:18px;height:2px;transition:transform .3s,opacity .2s;display:block}.menu-toggle-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle-open span:nth-child(2){opacity:0}.menu-toggle-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-backdrop{display:none}.section1{max-width:100vw;padding-top:100px;overflow-x:hidden}.mainContent{grid-template-columns:360px 1fr;align-items:center;gap:70px;max-width:1160px;margin:30px auto 0;padding:0 28px;display:grid}.card{background-color:var(--card-bg);border:1px solid var(--border);width:360px;box-shadow:var(--card-shadow);transform-style:preserve-3d;border-radius:48px;flex-direction:column;align-items:center;padding:34px 24px 28px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:0 28px 70px #00000080, 0 0 35px var(--glow);border-color:#ff9d004d}.cardPhoto{background:linear-gradient(135deg,#ff9d00,#ff007f,#8b5cf6);border-radius:38px;width:270px;height:330px;padding:6px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000004d}.cardPhoto img{object-fit:cover;border-radius:32px;width:100%;height:100%;display:block}.card-photo-glow{filter:blur(24px);pointer-events:none;background:radial-gradient(#ff9d0080,#0000 70%);width:220px;height:80px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.photo-corner-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#3ddc84;letter-spacing:1px;background:#000000a6;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex;position:absolute;top:14px;left:14px}.cardSocialMidia{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:24px;display:flex}.cardSocialMidia h1{color:var(--card-text);letter-spacing:2.5px;margin:0;font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1.1}.card-role-subtitle{color:var(--accent);letter-spacing:2px;margin:4px 0 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.midiaIcons{align-items:center;gap:16px;display:flex}.midiaIcons a{background:var(--bg3);border:1px solid var(--border);width:42px;height:42px;color:var(--text2);border-radius:50%;justify-content:center;align-items:center;font-size:18px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.midiaIcons a:hover{background:var(--accent);color:#111;border-color:var(--accent);box-shadow:0 6px 20px var(--glow);transform:translateY(-3px)scale(1.08)}.hero-right{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.hero-badge-pill{color:var(--accent);letter-spacing:1.5px;background:#ff9d0014;border:1px solid #ff9d0040;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.hero-title-block{width:100%;margin-bottom:8px}.greeting-row{align-items:center;min-height:48px;display:flex}#textContent{color:var(--text2);letter-spacing:4px;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(26px,3.2vw,44px);line-height:1}.tw-cursor{color:var(--accent);margin-left:4px;animation:.75s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.name-row{align-items:center;min-height:100px;display:flex}#textContentName{color:var(--accent);letter-spacing:8px;text-shadow:0 0 45px var(--glow);margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(60px,7.5vw,108px);font-weight:700;line-height:.95}.hero-tagline{color:var(--text2);max-width:580px;margin:12px 0 24px;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.hero-tagline strong{color:var(--text);font-weight:600}.hero-action-buttons{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px;display:flex}.hero-btn-primary{color:#111;letter-spacing:2px;background:linear-gradient(135deg,#ff9d00,#f60);border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 24px #ff9d0059}.hero-btn-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 10px 32px #ff9d0080}.btn-arrow{transition:transform .2s}.hero-btn-primary:hover .btn-arrow{transform:translateY(3px)}.copy-email-btn{background:var(--bg2);border:1px solid var(--border2);color:var(--text2);letter-spacing:1px;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:13px 20px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.copy-email-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 6px 20px var(--glow);transform:translateY(-2px)}.copy-email-btn-copied{color:#3ddc84!important;background:#3ddc8414!important;border-color:#3ddc84!important}.boxAI{background:linear-gradient(var(--angle,135deg), #ff9d00, #ff007f, #8b5cf6, #00e5ff, #ff9d00);cursor:pointer;border-radius:22px;width:100%;max-width:600px;padding:2px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);animation:6s linear infinite rotateBorder;box-shadow:0 10px 30px #0003}.boxAI:hover{transform:translateY(-3px);box-shadow:0 16px 45px #ff9d0040}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotateBorder{to{--angle:360deg}}.boxAI-inner{background:var(--bg2);border-radius:20px;flex-direction:column;gap:12px;padding:20px 24px 18px;display:flex}.ai-label-wrap{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-sparkle{color:#ff007f;font-size:16px}.ai-label{color:var(--accent);letter-spacing:1px;flex:1;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.ai-status-chip{color:#3ddc84;letter-spacing:1px;background:#3ddc8426;border:1px solid #3ddc844d;border-radius:12px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.ai-chips{flex-wrap:wrap;gap:8px;display:flex}.ai-chip{color:var(--text2);background:var(--bg3);border:1px solid var(--border);cursor:pointer;letter-spacing:.5px;border-radius:20px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}.ai-chip:hover{border-color:var(--accent);color:var(--accent);background:#ff9d001a;transform:translateY(-1px)}.ai-input-fake{background:var(--bg3);border:1px solid var(--border);height:44px;color:var(--text3);border-radius:12px;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;transition:border-color .2s;display:flex}.boxAI:hover .ai-input-fake{border-color:#ff9d0066}.ai-send-icon{color:var(--accent);font-size:18px;font-weight:700}.textScroll{flex-direction:column;align-items:center;gap:10px;margin-top:50px;padding-bottom:20px;display:flex}.scroll-hint-label{color:var(--text4);letter-spacing:3px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.scroll-mouse{border:2px solid var(--text4);border-radius:14px;justify-content:center;width:22px;height:36px;padding-top:6px;display:flex}.scroll-wheel{background:var(--accent);border-radius:2px;width:3px;height:8px;animation:1.6s cubic-bezier(.16,1,.3,1) infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.section-header-block{text-align:center;margin-bottom:30px}.section-kicker{color:var(--accent);letter-spacing:3px;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-block}.section-headline{color:var(--text);letter-spacing:2px;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(34px,4vw,56px)}.section2{max-width:1160px;margin:70px auto 0;padding:0 28px}.section2Content{grid-template-rows:170px 300px 150px;grid-template-columns:1fr 1fr 1fr;gap:14px;width:100%;display:grid}.section2Content>div{background:var(--bg2);border:1px solid var(--border);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.section2Content>div:hover{box-shadow:0 10px 30px #0000001f, 0 0 20px var(--glow);border-color:#ff9d004d}#grid-table1{grid-area:1/1}#grid-table1-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;padding:20px;display:flex}.grid1-avatar-mini{color:#fff;background:linear-gradient(135deg,#ff9d00,#ff007f);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:4px;font-family:Bebas Neue,sans-serif;font-size:14px;display:flex}#grid-table1-content h1{color:var(--text);letter-spacing:2px;margin:0;font-family:Bebas Neue,sans-serif;font-size:20px}#grid-table1-content p{color:var(--text3);letter-spacing:.5px;margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.grid1-badge{color:#3ddc84;background:#3ddc841a;border:1px solid #3ddc8440;border-radius:12px;align-items:center;gap:6px;margin-top:6px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}#grid-table2{flex-direction:column;grid-area:1/2/auto/4;justify-content:space-between;padding:16px 20px;display:flex}.bento-tab-buttons{gap:8px;margin-bottom:8px;display:flex}.bento-tab-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text3);cursor:pointer;letter-spacing:1px;border-radius:14px;align-items:center;gap:6px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.bento-tab-btn:hover{color:var(--text);border-color:var(--accent)}.bento-tab-btn.active{background:var(--accent);color:#111;border-color:var(--accent)}.hover-cards-track{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hover-card{background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:12px 14px;transition:all .25s}.hover-card:hover,.hover-card.hover-card-active{border-color:var(--accent);background:var(--bg2);box-shadow:0 6px 18px var(--glow);transform:translateY(-2px)}.hover-card-icon{margin-bottom:4px;font-size:18px}.hover-card h3{color:var(--accent);letter-spacing:1.5px;margin:0 0 4px;font-family:Bebas Neue,sans-serif;font-size:13px}.hover-card p{color:var(--text3);margin:0;font-size:11px;line-height:1.45}.hover-card p strong{color:var(--text2)}#grid-table4{grid-area:2/1/4}.text-cell{flex-direction:column;padding:26px 22px;display:flex}.cell-title{color:var(--text);letter-spacing:2px;margin:0 0 4px;font-family:Bebas Neue,sans-serif;font-size:34px}.cell-accent{background:var(--accent);border-radius:2px;width:40px;height:3px;margin-bottom:16px}.text-cell p{color:var(--text2);margin:0 0 12px;font-size:13px;line-height:1.6}.text-cell strong{color:var(--text)}.highlight{color:var(--accent)!important}.mindset-quote{color:var(--text4);border-left:2px solid var(--accent);margin-top:auto;padding-left:12px;font-family:JetBrains Mono,monospace;font-size:11px;font-style:italic}#grid-table5{grid-area:2/2;position:relative;overflow:hidden;background:#10121a!important}#grid-table5 img{object-fit:cover;filter:grayscale(20%);border-radius:18px;width:100%;height:100%;transition:all .4s}#grid-table5:hover img{filter:grayscale(0%);transform:scale(1.04)}.photo-overlay-text{color:#ffffff1f;pointer-events:none;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:56px;line-height:1;position:absolute;bottom:12px;right:14px}.photo-bento-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);letter-spacing:1px;background:#000000b3;border:1px solid #ffffff26;border-radius:12px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:absolute;top:14px;left:14px}#grid-table3{grid-area:2/3/4}.tech-tags{flex-wrap:wrap;gap:7px;margin:10px 0 14px;display:flex}.tag{letter-spacing:.5px;color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;transition:all .2s}.tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.craft-extra{color:var(--text3)!important;margin-top:6px!important;font-size:12px!important}.availability-badge{color:#3ddc84;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.availability-dot{background:#3ddc84;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #3ddc8480}50%{opacity:.7;box-shadow:0 0 0 5px #3ddc8400}}#grid-table6{grid-area:3/2;position:relative;overflow:hidden}.location-bg{background:radial-gradient(ellipse at 30% 50%, #ff9d0014 0%, transparent 70%), radial-gradient(ellipse at center, #151824 0%, var(--bg2) 100%);position:absolute;inset:0}.location-map-dots{opacity:.4;background-image:radial-gradient(circle,#ff9d0033 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.location-content{z-index:1;flex-direction:column;justify-content:center;height:100%;padding:0 20px;display:flex;position:relative}.location-pin-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.location-pin{color:var(--accent);font-size:16px}.location-live-dot{background:#3ddc84;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.location-content h2{color:var(--text);letter-spacing:2px;margin:0;font-family:Bebas Neue,sans-serif;font-size:22px}.location-coords{color:var(--text3);margin:2px 0 6px;font-family:JetBrains Mono,monospace;font-size:10px}.location-time-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;display:inline-flex}.clock-icon{color:var(--accent);font-size:11px}.location-time{color:var(--text);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.location-tz-label{color:var(--text4);font-family:JetBrains Mono,monospace;font-size:9px}.section-skills{justify-content:center;align-items:center;gap:60px;max-width:1160px;min-height:520px;margin:90px auto 0;padding:0 28px;display:flex}.skills-left{flex-direction:column;flex:0 0 460px;align-items:center;height:460px;display:flex;position:relative}.skills-canvas{cursor:grab;width:100%;height:100%}.skills-canvas:active{cursor:grabbing}.skills-sphere-caption{color:var(--text4);letter-spacing:1px;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.skills-right{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.skills-title{color:var(--text);letter-spacing:4px;text-shadow:0 0 60px var(--glow);margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(60px,8vw,100px);line-height:.95}.skills-subtitle{color:var(--text3);max-width:520px;margin:0;font-size:14px;line-height:1.5}.skills-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;display:grid}.skill-pill{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.skill-pill:hover{border-color:var(--skill-color);background:var(--bg3);transform:translateY(-2px);box-shadow:0 6px 20px #0003,0 0 15px #ff9d001a}.skill-emoji{width:28px;color:var(--skill-color);justify-content:center;align-items:center;font-size:22px;display:flex}.skill-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.skill-name{color:var(--text);letter-spacing:.3px;font-size:13px;font-weight:700}.skill-category{color:var(--text4);letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:9px}.section3-projects{max-width:1160px;margin:90px auto 0;padding:0 28px 40px}.projects-header-block{text-align:center;margin-bottom:30px}#projects-title{color:var(--text);letter-spacing:4px;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(60px,8vw,100px);line-height:.95}.projects-sub{color:var(--text3);max-width:580px;margin:8px auto 20px;font-size:14px}.project-filter-bar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.filter-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text3);cursor:pointer;letter-spacing:.5px;border-radius:20px;padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.filter-active{background:var(--accent);color:#111;border-color:var(--accent)}.projects-grid-wrap{flex-direction:column;gap:20px;display:flex}.project-card{border:1px solid var(--border);background:var(--bg2);border-radius:24px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 6px 24px #00000014}.project-card:hover{box-shadow:0 12px 40px #00000029, 0 0 30px var(--glow);border-color:#ff9d0073;transform:translateY(-3px)}.project-card-main{flex-direction:row;align-items:stretch;min-height:190px;display:flex}.project-card-info{flex-direction:column;flex:1;gap:10px;min-width:0;padding:28px 30px;display:flex}.project-card-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-card-title{color:var(--text);letter-spacing:2px;margin:0;font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1}.project-card-dot{color:var(--text4);font-size:18px}.project-card-type{color:var(--text3);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:11px}.project-card-badge{color:var(--accent);letter-spacing:1px;background:#ff9d0026;border:1px solid #ff9d004d;border-radius:12px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.project-card-desc{color:var(--text2);max-width:620px;margin:0;font-size:13.5px;line-height:1.65}.project-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.project-tag{letter-spacing:.5px;color:var(--accent);background:#ff9d0014;border:1px solid #ff9d0033;border-radius:12px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.project-card-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.project-card-icons{align-items:center;gap:14px;display:flex}.project-card-icons svg{color:var(--accent-cyan);font-size:22px;transition:transform .2s}.project-card-icons svg:hover{transform:scale(1.15)}.project-card-right{border-left:1px solid var(--border);background:#00000026;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:12px;min-width:260px;max-width:260px;padding:20px 24px;display:flex}.project-status{letter-spacing:1px;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.project-status-dot{border-radius:50%;width:7px;height:7px}.project-status-live{color:#3ddc84}.project-status-live .project-status-dot{background:#3ddc84;box-shadow:0 0 8px #3ddc84b3}.project-status-dev{color:var(--accent)}.project-status-dev .project-status-dot{background:var(--accent);box-shadow:0 0 8px #ff9d00b3}.project-card-img-wrap{border:1px solid var(--border);background:#111;border-radius:14px;width:100%;height:130px;position:relative;overflow:hidden}.project-card-img{object-fit:cover;opacity:.8;filter:contrast(105%);width:100%;height:100%;transition:all .35s}.project-card:hover .project-card-img{opacity:1;transform:scale(1.05)}.project-card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-card-overlay{opacity:1}.project-btn-live{letter-spacing:2px;color:#111;background:var(--accent);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Bebas Neue,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #ff9d0066}.project-btn-live:hover{background:#fff;transform:scale(1.05)}.project-card-code{letter-spacing:2px;color:var(--text2);background:var(--bg3);border:1px solid var(--border2);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:Bebas Neue,sans-serif;font-size:15px;text-decoration:none;transition:all .2s;display:inline-flex}.project-card-code:hover{background:var(--accent);color:#111;border-color:var(--accent);transform:translateY(-1px)}.project-card-placeholder{background:#ff9d0005;border-style:dashed}.project-card-placeholder:hover{border-color:var(--accent);transform:none}.project-card-placeholder-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.project-placeholder-icon{width:44px;height:44px;color:var(--accent);background:#ff9d001a;border:1px solid #ff9d004d;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.project-card-placeholder-inner .project-card-desc{max-width:480px}.section-contact{max-width:1160px;margin:100px auto 0;padding:0 28px 70px}.contact-header{margin-bottom:40px}.contact-title{color:var(--text);letter-spacing:4px;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(60px,8vw,100px);line-height:.95}.contact-sub{color:var(--text3);max-width:540px;margin-top:6px;font-size:15px}.contact-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:32px;display:grid}.contact-form-border{background:linear-gradient(135deg,#ff9d00,#ff007f,#8b5cf6,#ff9d00) 0 0/200% 200%;border-radius:24px;padding:2px;animation:6s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0 0}50%{background-position:100% 100%}}.contact-form-inner{background:var(--bg2);border-radius:22px;flex-direction:column;gap:18px;padding:36px 32px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text3);letter-spacing:1.5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.form-group input,.form-group textarea{background:var(--bg3);border:1px solid var(--border2);color:var(--text);resize:none;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text4)}.form-group input:focus,.form-group textarea:focus{border-color:var(--border-focus);background:var(--bg2);box-shadow:0 0 0 3px #ff9d001f}.contact-submit{letter-spacing:2.5px;color:#111;cursor:pointer;background:linear-gradient(135deg,#ff9d00,#f60);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #ff9d004d}.contact-submit:hover{color:#000;transform:translateY(-2px);box-shadow:0 10px 30px #ff9d0073}.contact-submit-sent{color:#000!important;background:#3ddc84!important;box-shadow:0 6px 20px #3ddc844d!important}.contact-form-hint{color:#3ddc84;text-align:center;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:12px}.submit-arrow{font-size:18px;transition:transform .2s}.contact-submit:hover .submit-arrow{transform:translate(5px)}.contact-socials{flex-direction:column;gap:12px;display:flex}.socials-label{color:var(--text4);letter-spacing:2px;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.social-link{background:var(--bg2);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:12px 18px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #0000000a}.social-link:hover{border-color:var(--accent);background:var(--bg3);box-shadow:0 6px 20px var(--glow);transform:translate(4px)}.social-icon-wrap{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.social-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.social-name{color:var(--text);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:17px}.social-handle{color:var(--text3);overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:11px}.social-arrow{color:var(--text4);font-size:18px;transition:all .2s}.social-link:hover .social-arrow{color:var(--accent);transform:translate(2px)translateY(-2px)}.contact-quick-copy{margin-top:4px}.contact-quick-copy .copy-email-btn{justify-content:center;width:100%}.contact-status{color:#3ddc84;align-items:center;gap:8px;padding:6px 0 0 2px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--bg2);margin-top:60px}.footer-inner{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:30px 28px;display:flex}.footer-left{align-items:baseline;gap:12px;display:flex}.footer-logo{color:var(--text);letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:32px}.footer-logo-dot{color:var(--accent)}.footer-tagline{color:var(--text4);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:11px}.footer-center{align-items:center;gap:10px;display:flex}.footer-copy{color:var(--text4);font-family:JetBrains Mono,monospace;font-size:11px}.footer-sep{color:var(--border2)}.footer-right{align-items:center;gap:16px;display:flex}.footer-icon{color:var(--text3);font-size:18px;text-decoration:none;transition:all .2s}.footer-icon:hover{color:var(--accent);transform:translateY(-2px)}.footer-back-to-top{background:var(--bg3);border:1px solid var(--border);width:36px;height:36px;color:var(--text2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-back-to-top:hover{background:var(--accent);color:#111;border-color:var(--accent);transform:translateY(-2px)}.footer-bar{background:linear-gradient(90deg,#ff9d00,#ff007f,#8b5cf6,#00e5ff,#ff9d00) 0 0/300% 100%;height:3px;animation:6s linear infinite footerShimmer}@keyframes footerShimmer{0%{background-position:0 0}to{background-position:300% 0}}.ai-fab{z-index:9997;cursor:pointer;background:linear-gradient(135deg,#ff9d00,#ff007f);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 30px #ff9d0073}.ai-fab:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 40px #ff9d0099}.ai-fab-icon{color:#fff;font-size:18px}.ai-fab-label{color:#fff;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:16px}.ai-fab-ping{pointer-events:none;border:2px solid #ff9d00;border-radius:30px;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(1.4)}}.ai-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:99998;background:#000000bf;justify-content:flex-end;align-items:flex-end;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-modal{background:#11131c;border:1px solid #ff9d004d;border-radius:24px;flex-direction:column;width:440px;height:580px;max-height:620px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 90px #000000d9,0 0 40px #ff9d0026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ai-modal-header{background:#151824;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-modal-title{align-items:center;gap:8px;display:flex}.ai-modal-dot{background:#3ddc84;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.ai-modal-title-text{color:var(--text);letter-spacing:1.5px;font-family:Bebas Neue,sans-serif;font-size:18px}.ai-modal-badge{color:#3ddc84;background:#3ddc8426;border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.ai-modal-header-actions{align-items:center;gap:8px;display:flex}.ai-modal-clear{color:var(--text3);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .2s}.ai-modal-clear:hover{border-color:var(--accent);color:var(--accent)}.ai-modal-close{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:all .2s}.ai-modal-close:hover{color:#fff;background:#ffffff1a}.ai-modal-chips{background:#0003;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:6px;padding:12px 18px 8px;display:flex}.ai-modal-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.ai-modal-messages::-webkit-scrollbar{width:5px}.ai-modal-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ai-message{align-items:flex-start;gap:10px;display:flex}.ai-message-user{flex-direction:row-reverse}.ai-avatar{color:#fff;background:linear-gradient(135deg,#ff9d00,#ff007f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Bebas Neue,sans-serif;font-size:13px;display:flex}.ai-bubble{color:#f1f5f9;background:#1a1e2d;border:1px solid #ffffff14;border-radius:16px;max-width:310px;padding:12px 16px;font-size:12.5px;line-height:1.6}.ai-message-user .ai-bubble{color:#fff;background:#ff9d0026;border-color:#ff9d0059}.ai-typing{align-items:center;gap:5px;padding:12px 16px;display:flex}.ai-typing span{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}}.ai-modal-input-row{background:#151824;border-top:1px solid #ffffff14;gap:8px;padding:12px 18px;display:flex}.ai-modal-input-row input{color:#fff;background:#0f1118;border:1px solid #ffffff1f;border-radius:12px;outline:none;flex:1;padding:11px 16px;font-size:13px;transition:border-color .2s}.ai-modal-input-row input:focus{border-color:var(--accent)}.ai-modal-input-row button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9d00,#ff007f);border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex}.ai-modal-input-row button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #ff9d0066}.ai-modal-input-row button:disabled{opacity:.4;cursor:not-allowed}@media (width<=1080px){.mainContent{text-align:center;grid-template-columns:1fr;justify-items:center;gap:40px}.hero-right{align-items:center;width:100%}.hero-action-buttons{justify-content:center}.hero-title-block{text-align:center}.greeting-row{text-align:center;justify-content:center}#textContent{text-align:center}.section-skills{flex-direction:column;gap:40px}.skills-left{flex:0 0 380px;height:380px}.skills-right{text-align:center;align-items:center}.skills-grid{width:100%;max-width:520px}}@media (width<=900px){.section1{padding-top:85px}.top-controls{top:16px;left:16px}.menu-toggle{display:flex}.navbar{opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;align-items:stretch;width:auto;max-height:0;padding:12px;transition:all .3s cubic-bezier(.16,1,.3,1);top:72px;left:16px;right:16px;overflow:hidden;transform:none}.navbar-open{opacity:1;pointer-events:auto;max-height:380px;box-shadow:0 20px 60px #0009}.nav-links-wrap{flex-direction:column;gap:2px;width:100%}.nav-item{border-radius:12px;width:100%;padding:12px 16px}.nav-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9997;background:#0009;display:block;position:fixed;inset:0}.section2Content{grid-template-rows:none;grid-template-columns:1fr}#grid-table1,#grid-table2,#grid-table3,#grid-table4,#grid-table5,#grid-table6{grid-area:auto/1}.hover-cards-track{grid-template-columns:1fr}#grid-table5{height:280px}.project-card-main{flex-direction:column}.project-card-right{border-left:none;border-top:1px solid var(--border);align-items:stretch;width:100%;max-width:none}.project-card-img-wrap{order:-1;height:180px}.contact-grid{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column;gap:16px}.footer-left{flex-direction:column;align-items:center;gap:4px}.footer-center{flex-direction:column;gap:4px}}@media (width<=640px){.theme-toggle-label,.sound-toggle-label{display:none}.card{border-radius:36px;width:100%;padding:24px 16px 20px}.cardPhoto{width:min(240px,80vw);height:280px}.skills-grid,.form-row{grid-template-columns:1fr}.contact-form-inner{padding:24px 18px}.ai-modal-overlay{align-items:stretch;padding:0}.ai-modal{border-radius:0;width:100%;height:100%;max-height:100%}.ai-bubble{max-width:80vw}.ai-fab{padding:10px 18px;bottom:20px;right:20px}}.project-card-img-placeholder{width:100%;min-height:160px;color:var(--accent);letter-spacing:4px;text-align:center;background:linear-gradient(135deg,#ff9d002e,#ff2d782e);justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:28px;display:flex}