:root{--bg-color:#030303;--bg-dots:#0e0e16;--bg-card:#0a0a0fbf;--color-primary:#6366f1;--color-secondary:#10b981;--color-tertiary:#8b5cf6;--color-rose:#f43f5e;--color-amber:#f59e0b;--border-color:#ffffff0f;--border-hover:#6366f140;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(var(--bg-dots) 1.5px, transparent 1.5px), radial-gradient(var(--bg-dots) 1.5px, transparent 1.5px);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-position:0 0,20px 20px;background-size:40px 40px;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#030303}::-webkit-scrollbar-thumb{background:#1f1f23;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.section-container{max-width:1200px;margin:0 auto;padding:6rem 1.5rem;position:relative}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-14{margin-bottom:3.5rem}.grid-2{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:0 0 30px #6366f11f}.gradient-text{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-tertiary) 50%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-green{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-tag{text-transform:uppercase;letter-spacing:.05em;background:#0d0d12;border:1px solid #ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.section-tag-indigo{color:var(--color-primary)}.section-tag-emerald{color:var(--color-secondary)}.section-tag-violet{color:var(--color-tertiary)}.section-title{color:var(--text-primary);margin-top:.75rem;font-size:2rem;font-weight:800}@media (width>=640px){.section-title{font-size:2.5rem}}.section-desc{color:var(--text-secondary);max-width:600px;margin-top:.5rem;font-size:1rem;line-height:1.6}.navbar-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#030303bf;border-bottom:1px solid #ffffff0d;width:100%;padding:1.25rem 1.5rem;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{font-family:var(--font-mono);cursor:pointer;align-items:center;gap:.25rem;font-size:1.1rem;font-weight:700;display:flex}.navbar-menu{align-items:center;gap:1.5rem;display:none}@media (width>=768px){.navbar-menu{display:flex}}.navbar-link{color:var(--text-secondary);cursor:pointer;text-transform:capitalize;background:0 0;border:none;padding:.25rem 0;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.glow-button{background:linear-gradient(135deg, var(--color-primary), var(--color-tertiary));color:#fff;font-size:.8rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #6366f14d}.glow-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.glow-button:active{transform:translateY(0)}.hero-sec{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8rem 1.5rem 4rem;display:flex;position:relative}.hero-content{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;display:flex}.hero-title{letter-spacing:-.03em;font-size:2.5rem;font-weight:800;line-height:1.1}@media (width>=640px){.hero-title{font-size:4rem}}@media (width>=1024px){.hero-title{font-size:4.5rem}}.hero-desc{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.6}@media (width>=640px){.hero-desc{font-size:1.25rem}}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.secondary-btn{color:var(--text-primary);border:1px solid var(--border-color);font-size:.8rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#ffffff08;border-radius:8px;padding:.6rem 1.2rem;transition:all .2s}.secondary-btn:hover{background:#ffffff12;border-color:#ffffff26}.scroll-cue{color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem}.scroll-cue:hover{color:var(--color-primary)}.terminal-window{width:100%;font-family:var(--font-mono);background:#050508e6;border:1px solid #ffffff0f;border-radius:12px;font-size:.85rem;overflow:hidden;box-shadow:0 20px 40px #0009}.terminal-bar{-webkit-user-select:none;user-select:none;background:#0c0c12;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.terminal-dots{gap:.4rem;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.close{background:var(--color-rose)}.terminal-dot.minimize{background:var(--color-amber)}.terminal-dot.expand{background:var(--color-secondary)}.terminal-title{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.7rem;display:flex}.terminal-body{flex-direction:column;gap:.4rem;height:320px;padding:1rem;display:flex;overflow-y:auto}.terminal-line-msg{white-space:pre-wrap;line-height:1.5}.terminal-line-msg.system{color:var(--text-muted);font-style:italic}.terminal-line-msg.input{color:var(--text-primary)}.terminal-line-msg.output{color:#cbd5e1}.terminal-line-msg.error{color:var(--color-rose)}.terminal-line-msg.warning{color:var(--color-amber)}.terminal-line-msg.success{color:var(--color-secondary);font-weight:600}.terminal-input-row{background:#0c0c12;border-top:1px solid #ffffff0a;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.terminal-prompt{color:var(--color-primary);font-weight:700}.terminal-input-element{color:var(--text-primary);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.terminal-enter-icon{color:var(--text-muted);align-items:center;gap:.2rem;font-size:.7rem;display:flex}.about-grid{grid-template-columns:1fr;align-items:start;gap:4rem;display:grid}@media (width>=1024px){.about-grid{grid-template-columns:5fr 7fr}}.about-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}.stat-box{background:#06060a;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;padding:1rem;display:flex}.stat-val{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--color-primary)}.stat-val.emerald{color:var(--color-secondary)}.stat-val.violet{color:var(--color-tertiary)}.stat-val.pink{color:#ec4899}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.7rem}.timeline-track{border-left:1px solid #1f1f2e;flex-direction:column;gap:2.5rem;margin-left:1rem;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;display:flex;position:relative}@media (width>=768px){.timeline-track{margin-left:3rem;padding-left:2.5rem}}.timeline-item{position:relative}.timeline-icon{width:2rem;height:2rem;color:var(--text-secondary);z-index:5;background:#06060a;border:1px solid #27272a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:.25rem;left:-2.05rem}@media (width>=768px){.timeline-icon{left:-3.05rem}}.timeline-item:hover .timeline-icon{border-color:var(--color-primary);color:var(--color-primary);background:#6366f114}.timeline-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}@media (width>=768px){.timeline-card{flex-direction:row;justify-content:space-between;align-items:flex-start}}.timeline-card-content{flex-direction:column;gap:.5rem;max-width:600px;display:flex}.timeline-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.timeline-score-badge{color:var(--color-primary);background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.timeline-meta-row{color:var(--text-muted);gap:1rem;font-size:.75rem;display:flex}@media (width>=768px){.timeline-meta-row{text-align:right;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:120px}}.timeline-meta-item{align-items:center;gap:.25rem;display:flex}.skill-card-body{flex-direction:column;gap:1rem;display:flex}.skill-card-header{align-items:center;gap:.75rem;display:flex}.skill-icon-wrapper{background:#0a0a0f;border:1px solid #ffffff0f;border-radius:8px;padding:.5rem;display:flex}.skills-badge-list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-badge{background:#06060a;border:1px solid #ffffff0a;border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.skill-badge:hover{color:var(--color-primary);border-color:#6366f14d}.project-card-container{flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem;display:flex;position:relative}.project-card-glow{opacity:0;pointer-events:none;background:linear-gradient(135deg,#6366f10a,#10b9810a);border-radius:16px;transition:opacity .5s;position:absolute;inset:0}.project-card-container:hover .project-card-glow{opacity:1}.project-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-card-icon{color:var(--color-primary);background:#06060a;border:1px solid #1f1f2e;border-radius:8px;padding:.5rem;transition:all .3s;display:flex}.project-card-container:hover .project-card-icon{color:var(--color-secondary);border-color:#6366f133}.project-card-stats{align-items:center;gap:.75rem;display:flex}.project-card-stat{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.project-card-link{color:var(--text-muted);padding:.2rem;transition:color .2s;display:flex}.project-card-link:hover{color:var(--color-primary)}.project-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;transition:color .2s}.project-card-container:hover .project-card-title{color:var(--color-primary)}.project-card-desc{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem;line-height:1.5}.project-card-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.project-card-tag{text-transform:uppercase;font-size:.65rem;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;background:#06060a;border:1px solid #1f1f2e;border-radius:4px;padding:.2rem .5rem}.project-card-bar{background:#18181b;border-radius:9999px;width:100%;height:3px;margin-top:1.25rem;transition:background .3s}.project-card-container:hover .project-card-bar{background:linear-gradient(to right, var(--color-primary), var(--color-secondary))}.project-card-live-btn{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;align-items:center;gap:.5rem;width:fit-content;padding:.45rem .9rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.project-card-live-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(135deg,#6366f11a 0%,#10b9811a 100%);transform:translateY(-1px);box-shadow:0 0 15px #6366f126}.project-card-live-btn:active{transform:translateY(0)}.contact-card{padding:2rem}@media (width>=768px){.contact-card{padding:3rem}}.contact-layout{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.contact-layout{grid-template-columns:5fr 7fr}}.contact-channels{flex-direction:column;justify-content:space-between;gap:2rem;display:flex}.contact-item{align-items:center;gap:1rem;display:flex}.contact-item-icon{background:#08080d;border:1px solid #ffffff0a;border-radius:8px;padding:.6rem;display:flex}.contact-item-icon.indigo{color:var(--color-primary)}.contact-item-icon.emerald{color:var(--color-secondary)}.contact-item-icon.violet{color:var(--color-tertiary)}.contact-item-label{color:var(--text-muted);font-size:.7rem}.contact-item-val{color:var(--text-primary);font-size:.85rem;font-weight:500;text-decoration:none}.contact-item-val:hover{color:var(--color-primary)}.contact-form-side{flex-direction:column;gap:1rem;display:flex}.form-input-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-input-box{width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;outline:none;padding:.75rem;font-size:.875rem;transition:all .3s}.form-input-box::placeholder{color:#3f3f46}.form-input-box:focus{background:#ffffff0a;border-color:#6366f180;box-shadow:0 0 10px #6366f11a}.form-success-alert{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem 0;display:flex}.success-check-circle{border:1px solid var(--color-secondary);width:3rem;height:3rem;color:var(--color-secondary);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;display:flex}.site-footer{background:#020204;border-top:1px solid #ffffff0a;padding:3rem 1.5rem}.footer-container{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=640px){.footer-container{flex-direction:row}}.footer-social-links{gap:1rem;display:flex}.footer-social-btn{color:var(--text-muted);background:#08080d;border:1px solid #ffffff0a;border-radius:8px;padding:.5rem;transition:all .2s;display:flex}.footer-social-btn:hover{color:var(--color-primary);border-color:#6366f133}.back-to-top-btn{background:var(--color-primary);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:50%;padding:.75rem;transition:all .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 15px #6366f166}.back-to-top-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.animate-bob{animation:1.5s ease-in-out infinite bob}.project-wrapper{flex-direction:column;justify-content:space-between;height:100%;display:flex}.project-inner{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.project-bottom{flex-direction:column;gap:1rem;margin-top:auto;padding:0 1.5rem 1.5rem;display:flex}