.ai-hover-preview{-webkit-backdrop-filter:blur(24px);z-index:999;pointer-events:none;background:#04050ff5;border:1px solid #a78bfa33;border-radius:14px;min-width:260px;max-width:320px;padding:1.2rem 1.2rem 1rem;animation:.2s cubic-bezier(.16,1,.3,1) aiPreviewSlideUp;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 20px 60px #000000b3,0 0 60px #a78bfa14,inset 0 1px #ffffff0d}.ai-hover-preview:after{content:"";filter:drop-shadow(0 2px 4px #0000004d);border-top:8px solid #a78bfa33;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes aiPreviewSlideUp{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.ai-preview-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.ai-preview-header i{color:#a78bfa;font-size:.9rem}.ai-preview-header span{letter-spacing:.08em;text-transform:uppercase;color:#e6eef8;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600}.ai-preview-badge{color:#000;background:linear-gradient(135deg,#a78bfa,#f472b6);border-radius:999px;margin-left:auto;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700}.ai-preview-body{flex-direction:column;gap:.75rem;display:flex}.ai-preview-stat-large{background:#a78bfa0a;border:1px solid #a78bfa0f;border-radius:10px;flex-direction:column;align-items:center;padding:.4rem 0;display:flex}.ai-stat-number{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800;line-height:1.2}.ai-preview-section-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:.3rem;font-family:JetBrains Mono,monospace;font-size:.55rem;display:block}.ai-preview-tags{flex-wrap:wrap;gap:.4rem;display:flex}.ai-preview-tag{color:#e6eef8;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.6rem;display:inline-flex}.ai-preview-tag .ai-tag-count{color:#a78bfa;background:#a78bfa1f;border-radius:999px;padding:0 6px;font-size:.55rem;font-weight:700}.ai-preview-footer{text-align:center;border-top:1px solid #ffffff0f;margin-top:.75rem;padding-top:.75rem}.ai-preview-link{color:#a78bfa;pointer-events:auto;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.6rem;text-decoration:none;transition:all .2s}.ai-preview-link:hover{color:#22d3ee;text-shadow:0 0 20px #a78bfa33}.ai-hover-empty .ai-empty-message{color:#94a3b8;text-align:center;margin:0;padding:.3rem 0;font-family:JetBrains Mono,monospace;font-size:.7rem}@media (width<=960px){.ai-hover-preview{min-width:220px;max-width:280px;padding:1rem}.ai-stat-number{font-size:1.5rem}.ai-preview-tag{padding:2px 8px;font-size:.55rem}}@media (width<=768px){.ai-hover-preview{display:none!important}}.plink-wrapper{display:inline-block;position:relative}.plink-ai{color:var(--purple);background:#a78bfa0d;border:1px solid #a78bfa59;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.68rem;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.plink-ai:hover{border-color:var(--purple);color:var(--purple);background:#a78bfa1f;transform:translateY(-2px);box-shadow:0 0 20px #a78bfa26}.ai-badge{background:linear-gradient(135deg, var(--purple), var(--pink));color:#000;border-radius:999px;margin-left:2px;padding:1px 7px;font-size:.55rem;font-weight:700}.plink-pow{color:var(--cyan);background:#22d3ee0d;border:1px solid #22d3ee40;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.68rem;text-decoration:none;transition:all .2s;display:inline-flex}.plink-pow:hover{border-color:var(--cyan);color:var(--cyan);background:#22d3ee1f;transform:translateY(-2px);box-shadow:0 0 20px #22d3ee26}.ai-hover-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#04050ff2;border:1px solid #a78bfa40;border-radius:12px;min-width:220px;padding:1rem;animation:.2s ease-out aiPreviewFade;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0009,0 0 40px #a78bfa1a}.ai-hover-preview:after{content:"";border-top:8px solid #a78bfa40;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes aiPreviewFade{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ai-preview-header{letter-spacing:.08em;color:var(--purple);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:.6rem;padding-bottom:.6rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.ai-preview-header i{font-size:.9rem}.ai-preview-stats{justify-content:space-around;gap:.8rem;margin-bottom:.6rem;display:flex}.ai-preview-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ai-stat-number{background:linear-gradient(135deg, var(--purple), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.ai-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.5rem}.ai-preview-footer{color:var(--muted);text-align:center;border-top:1px solid #ffffff0f;padding-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.55rem}@media (width<=768px){.ai-hover-preview{display:none!important}}@media (width<=480px){.plinks{flex-wrap:wrap;gap:.4rem}.plink-ai,.plink-pow{padding:6px 12px;font-size:.6rem}}.project-manager{padding:1rem}.manager-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-table{border-collapse:collapse;color:#e6eef8;background:#0b1220;width:100%}.project-table th,.project-table td{text-align:left;border-bottom:1px solid #ffffff0a;padding:.75rem 1rem}.status-badge{border-radius:999px;padding:4px 8px;font-size:.85rem}.status-draft{background:#475569}.status-published{background:#065f46}.status-archived{background:#374151}.btn-sm{border-radius:6px;margin-left:6px;padding:6px 8px}.btn-edit{color:#012;background:#22d3ee;border:none}.btn-delete{color:#fff;background:#ef4444;border:none}.empty-message{color:#94a3b8}@media (width<=700px){.project-table th,.project-table td{padding:.5rem;font-size:.9rem}}.project-form-basic{color:#e6eef8;background:#071022;border-radius:8px;padding:1rem}.form-group{margin-bottom:.9rem}.form-group label{color:#9fb3d0;margin-bottom:.35rem;font-size:.9rem;display:block}.form-group input[type=text],.form-group input[type=url],.form-group input[type=file],.form-group textarea,.form-group select{color:#e6eef8;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;width:100%;padding:8px 10px}.form-group small{color:#94a3b8}.image-upload-wrapper{align-items:center;gap:.75rem;display:flex}.image-preview img{object-fit:cover;border:1px solid #ffffff0a;border-radius:6px;width:120px;height:80px}.tech-input{gap:.5rem;display:flex}.tech-input input{flex:1}.tech-input button{color:#012;cursor:pointer;background:#0ea5a4;border:none;border-radius:6px;padding:6px 10px}.tech-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tech-tag{background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;display:inline-flex}.tech-tag button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-weight:700}.form-group.checkbox label{align-items:center;gap:.5rem;display:flex}@media (width<=640px){.image-preview img{width:90px;height:60px}}@media (width<=768px){.proof-editor,.ai-editor{padding:1rem}.editor-header{flex-direction:column;align-items:stretch}.controls{justify-content:flex-start}.block-item,.sub-item{padding:.8rem}.editor-footer{flex-direction:column}.editor-footer .btn{justify-content:center;width:100%}.interaction-form .form-row{flex-direction:column}.interaction-form .form-row input,.interaction-form .form-row textarea,.interaction-form .form-row select{min-width:unset}}.proof-editor,.ai-editor{background:#0b1220;border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem}.editor-header{color:#e6eef8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.editor-header h3{background:linear-gradient(135deg,#22d3ee,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.1rem;font-weight:700}.controls{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.controls label{color:#e6eef8;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.controls label input[type=checkbox]{accent-color:#22d3ee;cursor:pointer;width:18px;height:18px}.status-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:999px;padding:.3rem .9rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-block}.status-label.published{color:#4ade80;background:#4ade8014;border-color:#4ade804d}.status-label.draft{color:#fbbf24;background:#fbbf2414;border-color:#fbbf244d}.section-group{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:1.5rem;padding:1.25rem}.section-group h4{letter-spacing:.08em;text-transform:uppercase;color:#22d3ee;border-bottom:1px solid #ffffff0f;margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.block-item,.sub-item,.chip-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:1rem 1.1rem;transition:border-color .2s,background .2s;display:flex}.block-item:hover,.sub-item:hover{background:#ffffff0d;border-color:#22d3ee33}.block-item select,.block-item textarea,.sub-item input,.sub-item textarea{color:#e6eef8;background:#04050fcc;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:.75rem .9rem;font-family:Sora,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.block-item select:focus,.block-item textarea:focus,.sub-item input:focus,.sub-item textarea:focus{border-color:#22d3ee66;outline:none;box-shadow:0 0 0 3px #22d3ee12}.block-item select{cursor:pointer;background:#04050fe6}.block-item select option{color:#e6eef8;background:#0b1220}.block-item textarea,.sub-item textarea{resize:vertical;min-height:3.5rem;font-family:Sora,sans-serif}.block-item textarea::placeholder,.sub-item input::placeholder,.sub-item textarea::placeholder{color:#94a3b880}.chip-item{background:#a78bfa0f;border-color:#a78bfa1f;flex-flow:wrap;justify-content:space-between;align-items:center;padding:.6rem 1rem}.chip-item span{color:#e6eef8;font-family:JetBrains Mono,monospace;font-size:.8rem}.btn-add{color:#000;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#a78bfa);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn-add:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 8px 24px #22d3ee33}.btn-remove{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .2s;display:inline-flex}.btn-remove:hover{background:#ef444440}.editor-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:.8rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.editor-footer .btn{letter-spacing:.05em;cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;transition:opacity .2s,transform .2s}.editor-footer .btn:hover{transform:translateY(-2px)}.btn-secondary:hover{background:#ffffff1a}.btn-success{color:#000;background:linear-gradient(135deg,#4ade80,#22c55e)}.btn-success:hover{opacity:.85}.btn-primary{color:#000;background:linear-gradient(135deg,#22d3ee,#a78bfa)}.btn-primary:hover{opacity:.85}.interaction-form{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-top:.75rem;padding:1.2rem}.interaction-form .form-row{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.interaction-form .form-row input,.interaction-form .form-row textarea,.interaction-form .form-row select{color:#e6eef8;background:#04050fcc;border:1px solid #ffffff14;border-radius:8px;flex:1;min-width:150px;padding:.7rem .9rem;font-family:Sora,sans-serif;font-size:.9rem}.interaction-form .form-row input:focus,.interaction-form .form-row textarea:focus,.interaction-form .form-row select:focus{border-color:#22d3ee66;outline:none}.interaction-form .form-actions{justify-content:flex-end;gap:.8rem;margin-top:.8rem;display:flex}.warning{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2426;border-radius:8px;margin:.5rem 0;padding:.7rem 1rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.interaction-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.7rem 1rem;display:flex}.interaction-item .interaction-summary{color:#e6eef8;font-size:.85rem}.interaction-item .interaction-summary strong{color:#22d3ee}@media (width<=768px){.proof-editor,.ai-editor{padding:1rem}.editor-header{flex-direction:column;align-items:stretch}.controls{justify-content:flex-start}.block-item,.sub-item{padding:.8rem}.editor-footer{flex-direction:column}.editor-footer .btn{justify-content:center;width:100%}.interaction-form .form-row{flex-direction:column}.interaction-form .form-row input,.interaction-form .form-row textarea,.interaction-form .form-row select{min-width:unset}}.editor-body{max-height:65vh;padding-right:.25rem;overflow-y:auto}.editor-body::-webkit-scrollbar{width:6px}.editor-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.editor-body::-webkit-scrollbar-thumb{background:#22d3ee4d;border-radius:10px}.editor-body::-webkit-scrollbar-thumb:hover{background:#22d3ee80}.project-editor{color:#e6eef8;background:#071022;border-radius:8px;padding:1rem}.project-editor h2{margin-bottom:.75rem}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab-btn{color:#cfe6ff;cursor:pointer;background:#ffffff05;border:none;border-radius:6px;padding:8px 12px}.tab-btn.active{color:#012;background:#0ea5a4}.tab-content{margin-bottom:1rem}.editor-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn{cursor:pointer;border-radius:6px;padding:8px 12px}.btn-primary{color:#fff;background:#2563eb;border:none}.btn-secondary{color:#fff;background:#475569;border:none}.error-message{color:#ef4444;background:#ef44440f;border-radius:6px;padding:.75rem}*{box-sizing:border-box;margin:0;padding:0}section,header{scroll-margin-top:80px}body{color:#e2e8f0;background:#04050f;font-family:Sora,sans-serif;overflow-x:hidden}:root{--bg:#04050f;--cyan:#22d3ee;--purple:#a78bfa;--pink:#f472b6;--green:#4ade80;--text:#e2e8f0;--muted:#64748b;--glass:#ffffff0a;--glass-h:#ffffff14;--border:#ffffff12;--border-h:#22d3ee4d;--card:#ffffff0a;--card-h:#ffffff14;--grad:linear-gradient(135deg, #22d3ee 0%, #a78bfa 100%);--r:12px;--toastify-color-success:#4ade80;--toastify-color-error:#f87171}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section,header[id]{scroll-margin-top:-20px}body{background:var(--bg);color:var(--text);font-family:Sora,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00e5ff08 1px,#0000 1px),linear-gradient(90deg,#00e5ff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}#nav{z-index:100;justify-content:space-between;align-items:center;height:70px;padding:0 6%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}#nav.s{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#04050fcc}.logo{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-ul{gap:2.5rem;list-style:none;display:flex}.nav-ul a{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s;position:relative}.nav-ul a:hover{color:var(--cyan)}.nav-ul a:after{content:"";background:var(--cyan);height:1px;transition:right .3s;position:absolute;bottom:-3px;left:0;right:100%}.nav-ul a:hover:after{right:0}.nav-resume{letter-spacing:.08em;color:var(--cyan);border:1px solid #22d3ee59;border-radius:6px;padding:8px 22px;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s}.nav-resume:hover{background:#22d3ee1a;box-shadow:0 0 20px #22d3ee26}#hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh;padding:100px 6% 60px;display:grid;position:relative}.hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--green);background:#4ade800f;border:1px solid #4ade8040;border-radius:999px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-flex}.blink{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}h1.name{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(3.5rem,7vw,7rem);font-weight:800;line-height:.95}h1.name .l1{color:#ffffff26;-webkit-text-stroke:1px #ffffff26;display:block}h1.name .l2{background:linear-gradient(135deg, var(--cyan) 0%, var(--purple) 60%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-role{color:var(--muted);letter-spacing:.06em;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.hero-desc{color:#94a3b8;max-width:500px;margin-bottom:2.5rem;font-size:.98rem;line-height:1.85}.hero-btns{gap:1rem;margin-bottom:2.5rem;display:flex}.gbtn{letter-spacing:.05em;border-radius:8px;align-items:center;gap:8px;padding:13px 28px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .25s;display:inline-flex}.gbtn-fill{background:linear-gradient(135deg, var(--cyan), var(--purple));color:#000;font-weight:700}.gbtn-fill:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 10px 30px #22d3ee33}.gbtn-ghost{border:1px solid var(--border-h);color:var(--cyan)}.gbtn-ghost:hover{background:#22d3ee12;transform:translateY(-2px)}.socials{gap:.75rem;display:flex}.social-ic{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);background:var(--glass);border-radius:10px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.social-ic:hover{color:var(--cyan);border-color:var(--border-h);box-shadow:0 0 16px #22d3ee26}.hero-photo-wrap{justify-content:center;display:flex;position:relative}.photo-glow{filter:blur(30px);background:radial-gradient(circle,#22d3ee1f 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-ring{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border:1px solid #22d3ee33;border-radius:24px;width:320px;height:400px;position:relative;overflow:hidden}.photo-ring img{object-fit:cover;object-position:top;filter:brightness(.9);width:100%;height:100%;display:block}.photo-placeholder{width:100%;height:100%;color:var(--muted);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.photo-placeholder i{color:#22d3ee33;font-size:4rem}.photo-placeholder p{letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.7rem}.chip{letter-spacing:.05em;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;z-index:2;background:#04050fcc;border-radius:999px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:.65rem;position:absolute}.chip i{margin-right:5px}.chip-1{color:var(--cyan);border-color:#22d3ee40;animation:3s ease-in-out infinite fl;top:10%;right:-50px}.chip-2{color:var(--green);border-color:#4ade8040;animation:3.5s ease-in-out .8s infinite fl;bottom:30%;left:-60px}.chip-3{color:var(--purple);border-color:#a78bfa40;animation:2.8s ease-in-out 1.5s infinite fl;bottom:10%;right:-40px}@keyframes fl{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}section{z-index:1;padding:7rem 6%;position:relative}.stag{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.67rem;display:inline-flex}.stag:before{content:"";background:var(--cyan);width:20px;height:1px}h2.stitle{letter-spacing:-.02em;margin-bottom:4rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.acc{color:var(--cyan)}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.about-text p{color:#9ca3af;margin-bottom:1.2rem;font-size:1rem;line-height:1.85}.about-text p strong{color:var(--cyan);font-weight:500}.about-cards{border:1px solid var(--border);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.about-stat{background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:2rem 1.5rem;transition:background .2s}.about-stat:nth-child(2),.about-stat:nth-child(4){border-right:none}.about-stat:nth-child(3),.about-stat:nth-child(4){border-bottom:none}.about-stat:hover{background:var(--card-h)}.stat-num{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:900;display:block}.stat-lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.65rem}.skills-two-columns{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.skill-category h3{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border);background:0 0;margin-bottom:1.5rem;padding-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.skill-card-grid{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.skill-card-item{background:var(--card);border-bottom:1px solid var(--border);padding:1.2rem 1.5rem;transition:all .2s}.skill-card-item:last-child{border-bottom:none}.skill-card-item:hover{background:var(--card-h);transform:translate(4px)}.skill-top-row{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.skill-name{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.skill-name i{color:var(--cyan);width:20px;font-size:1.1rem}.skill-percent{color:#22d3ee80;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;transition:color .2s}.skill-card-item:hover .skill-percent{color:var(--cyan)}.skill-bar{background:#ffffff0f;border-radius:3px;height:3px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:3px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-bar-fill.go{width:var(--w)}.tools-section{text-align:center;margin-top:2rem}.tools-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:inline-block}.tools-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:700px;margin:0 auto;display:flex}.tool-card{background:var(--card);border:1px solid var(--border);cursor:default;border-radius:40px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s;display:inline-flex}.tool-card i{color:var(--cyan);font-size:.9rem}.tool-card:hover{background:var(--card-h);border-color:var(--border-h);transform:translateY(-2px)}.exp-list{border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:0;display:flex;overflow:hidden}.exp-item{border-bottom:1px solid var(--border);background:var(--glass);grid-template-columns:200px 1fr;padding:2.5rem;transition:all .2s;display:grid;position:relative;overflow:hidden}.exp-item:last-child{border-bottom:none}.exp-item:hover{background:var(--glass-h)}.exp-item:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--purple));transform-origin:top;width:3px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.exp-item:hover:before{transform:scaleY(1)}.exp-date{color:var(--muted);letter-spacing:.06em;padding-top:.2rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.exp-date span{color:var(--cyan);border:1px solid #22d3ee33;border-radius:4px;width:fit-content;margin:4px 0;padding:3px 8px;font-size:.7rem;display:block}.exp-body h4{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.exp-body .company{color:var(--cyan);letter-spacing:.05em;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.exp-body p{color:#94a3b8;margin-bottom:1rem;font-size:.9rem;line-height:1.75}.exp-tags{flex-wrap:wrap;gap:.5rem;display:flex}.etag{letter-spacing:.08em;color:var(--cyan);background:#22d3ee14;border:1px solid #22d3ee26;border-radius:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem}.proj-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0 auto;display:flex}.pcard{border:1px solid var(--border);background:var(--glass);border-radius:16px;flex:0 0 320px;max-width:100%;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.pcard:hover{border-color:#22d3ee40;transform:translateY(-5px);box-shadow:0 20px 60px #0000004d,0 0 40px #22d3ee12}.pcard-img{aspect-ratio:16/9;background:#0f172a;position:relative;overflow:hidden}.pcard-img img{object-fit:cover;filter:brightness(.8);width:100%;height:100%;transition:all .5s}.pcard:hover .pcard-img img{filter:brightness();transform:scale(1.06)}.pcard-img-ph{color:#22d3ee26;background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:100%;height:100%;font-size:3rem;display:flex}.pcard-img-ph p{letter-spacing:.1em;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.6rem}.pcat{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cyan);background:#04050fbf;border:1px solid #22d3ee40;border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.58rem;position:absolute;top:12px;right:12px}.pcard-body{padding:1.5rem}.pcard-body h4{margin-bottom:.3rem;font-size:1rem;font-weight:700}.pstack{color:var(--muted);letter-spacing:.04em;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.plinks{gap:.75rem;display:flex}.plink-live{background:linear-gradient(135deg, var(--cyan), var(--purple));color:#000;border-radius:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;transition:all .2s}.plink-live:hover{opacity:.85;transform:translateY(-1px)}.plink-code{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.68rem;transition:all .2s}.plink-code:hover{border-color:var(--border-h);color:var(--cyan)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.cleft h3{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.6rem;font-weight:800}.cleft p{color:#94a3b8;margin-bottom:2rem;font-size:.95rem;line-height:1.8}.cinfo-item{color:var(--muted);align-items:center;gap:12px;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:flex}.cicon{width:38px;height:38px;color:var(--cyan);background:#22d3ee0d;border:1px solid #22d3ee33;border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.cform{flex-direction:column;gap:1.25rem;display:flex}.cform form{margin:0;padding:0}.crow{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.flabel{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.5rem 0;font-size:.7rem;display:block}.finput{border:1px solid var(--border);width:100%;color:var(--text);background:#04050fe6;border-radius:8px;outline:none;padding:12px 16px;font-family:Sora,sans-serif;font-size:.9rem;transition:all .2s}.finput:focus{border-color:#22d3ee66;box-shadow:0 0 0 3px #22d3ee12}.finput::placeholder{color:#64748b80}textarea.finput{resize:vertical;min-height:130px}.finput.error{box-shadow:0 0 0 1px #f8717133;background-color:#f871710d!important;border-color:#f87171!important}.form-error{color:#f87171;letter-spacing:.02em;margin-top:5px;font-family:JetBrains Mono,monospace;font-size:.7rem}.error-text{color:#f472b6;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:block}:root{--toastify-color-success:#4ade80;--toastify-color-error:#f87171}.sbtn{letter-spacing:.06em;background:linear-gradient(135deg, var(--cyan), var(--purple));color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.sbtn:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 8px 28px #22d3ee33}footer{z-index:1;background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 6%;display:flex;position:relative}.fcopy{letter-spacing:.08em;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.65rem}.fsoc{gap:1rem;display:flex}.fsoc a{color:var(--muted);font-size:1rem;transition:all .2s}.fsoc a:hover{color:var(--cyan)}.rev{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.rev.v{opacity:1;transform:none}.cancel-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s}.cancel-btn:hover{border-color:var(--border-h);color:var(--cyan);background:#22d3ee0d;transform:translateY(-2px)}@media (width<=1024px){section{padding:5rem 5%}h2.stitle{margin-bottom:2.5rem}.about-grid{gap:2rem}}@media (width<=960px){#hero{text-align:center;grid-template-columns:1fr;gap:2rem;padding:100px 5% 60px}.hero-left{flex-direction:column;align-items:center;display:flex}.hero-desc{max-width:100%}.hero-btns,.socials{justify-content:center}.hero-photo-wrap{order:-1;margin-top:2rem}.photo-ring{width:260px;height:320px;margin:0 auto}.chip{display:none}.about-grid{grid-template-columns:1fr}.skills-two-columns,.contact-grid{grid-template-columns:1fr;gap:2rem}.exp-item{grid-template-columns:1fr;padding:1.8rem}.exp-date{margin-bottom:1rem}section{padding:4rem 5%}}@media (width<=768px){.nav-ul{display:none}.nav-resume{padding:6px 16px;font-size:.75rem}.logo{font-size:1.2rem}section{padding:3rem 5%}.stag{font-size:.6rem}h2.stitle{margin-bottom:2rem;font-size:1.8rem}.hero-desc{font-size:.9rem}.gbtn{padding:10px 20px;font-size:.7rem}.social-ic{width:36px;height:36px}.about-stat{padding:1.2rem}.stat-num{font-size:1.5rem}.skill-card-item{padding:.8rem 1rem}.skill-name{font-size:.75rem}.skill-percent{font-size:.85rem}.tool-card{padding:.4rem 1rem;font-size:.7rem}.exp-item{padding:1.2rem}.exp-body h4{font-size:.95rem}.exp-body p{font-size:.85rem}.etag{padding:3px 8px;font-size:.6rem}.pcard{flex:0 0 100%;max-width:100%}.pcard-body{padding:1rem}.plink-live,.plink-code{padding:6px 12px;font-size:.6rem}.crow{grid-template-columns:1fr;gap:.75rem}.cform{gap:.75rem}.flabel{margin:.3rem 0}.finput{padding:10px 14px}.sbtn{padding:10px 24px;font-size:.7rem}footer{text-align:center;flex-direction:column;gap:.8rem;padding:1.5rem 5%}footer .logo{font-size:1rem}.fcopy{font-size:.6rem}}@media (width<=480px){#hero{padding:80px 4% 40px}h1.name{font-size:2.5rem}.hero-role{font-size:.8rem}.hero-desc{font-size:.85rem}.hero-btns{flex-direction:column;align-items:stretch;gap:.8rem;width:100%}.gbtn{justify-content:center}.photo-ring{width:220px;height:280px}.about-stat{padding:1rem}.stat-num{font-size:1.3rem}.stat-lbl{font-size:.55rem}.skill-card-item{padding:.6rem .8rem}.skill-name{gap:6px;font-size:.7rem}.skill-name i{font-size:.9rem}.skill-percent{font-size:.75rem}.exp-date{font-size:.7rem}.exp-date span{font-size:.6rem}.exp-body h4{font-size:.9rem}.exp-body .company{font-size:.7rem}.pcard-body h4{font-size:.9rem}.pstack{font-size:.6rem}.cleft h3{font-size:1.3rem}.cinfo-item{font-size:.7rem}.cicon{width:32px;height:32px}}