@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap";:root{--bg-color: #050505;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--accent-blue: #007AFF;--accent-cyan: #5AC8FA;--text-main: #ffffff;--text-dim: #a1a1a1}.portfolio-wrapper{isolation:isolate;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;padding:10px 0;position:relative;overflow-x:hidden;font-family:Unbounded,Plus Jakarta Sans,-apple-system,sans-serif}.blob{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(80px);z-index:0;opacity:.11}.blob-1{top:-100px;left:-100px;background:var(--accent-blue)}.blob-2{bottom:-100px;right:-100px;background:#bf5af2}.container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:35px;padding:40px;margin-bottom:30px}.header-grid{display:grid;grid-template-columns:200px 1.5fr 1fr;gap:40px;align-items:center;animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.header-right-side{display:flex;flex-direction:column;gap:15px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;animation-delay:.2s}.header-visual{display:flex;flex-direction:column;align-items:center;gap:15px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.profile-img{position:relative;border:2px solid var(--glass-border);width:100%;background:var(--glass-bg);height:320px;border-radius:18px;padding:4px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.stack-dot img{width:18px;height:18px;object-fit:contain;display:block}.profile-img img{width:100%;height:100%;border-radius:12px;object-fit:cover}.status-dot{position:absolute;top:15px;right:15px;width:15px;height:15px;background:#34c759;border-radius:50%;border:3px solid #1a1a1a;z-index:2;box-shadow:0 0 15px #34c759;animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.location-badge{background:#ffffff0d;padding:6px 14px;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:6px;color:var(--text-dim);border:1px solid var(--glass-border);animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.header-info{flex:1}.badge-row{display:flex;gap:10px;margin-bottom:10px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.info-pill{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;background:#5ac8fa1a;color:var(--accent-cyan);padding:4px 10px;border-radius:6px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;font-weight:800}.main-title{font-size:3.5rem;line-height:1.1;display:flex;gap:10px;margin-bottom:15px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;font-weight:800}.new{background:linear-gradient(180deg,#fff 30%,#a1a1aada 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;display:table}.role-tag{color:var(--text-dim);font-size:.9rem;margin-bottom:20px;font-weight:400;animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.header-objective{color:#ccc;max-width:600px;line-height:1.6;margin-bottom:25px;font-size:.8rem;animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.header-stats{display:flex;gap:30px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;margin-bottom:30px;padding-top:20px;border-top:1px solid var(--glass-border)}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.7rem;color:#666;text-transform:uppercase;font-weight:700}.stat-value{font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(180deg,#fff 30%,#a1a1aada 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;display:table}.activity-card{background:#0006;border:1px solid var(--glass-border);border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #0000004d;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;animation-delay:.3s}.card-header{background:#ffffff0d;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.dots{display:flex;gap:6px}.dots span{width:8px;height:8px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.card-title{font-size:.7rem;color:#666;font-family:monospace}.card-content{padding:20px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.code-keyword{color:#c678dd}.code-var{color:#e06c75}.code-string{color:#98c379}.code-comment{color:#5c6370;font-style:italic}.stack-preview{padding:15px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;animation-delay:.4s}.stack-preview p{font-size:.7rem;color:#666;text-transform:uppercase;font-weight:800;margin-bottom:10px}.mini-stack-grid{display:flex;justify-content:space-between}.section-title{animation:fadeIn .5s ease-in-out;animation-fill-mode:both}.stack-dot{width:32px;height:32px;background:#ffffff08;border-radius:8px;display:flex;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;align-items:center;justify-content:center;border:1px solid var(--glass-border)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.project-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:25px;padding:25px;transition:transform .3s ease;display:flex;flex-direction:column;animation:fadeIn .5s ease-in-out;animation-fill-mode:both;justify-content:space-between}.project-card h3{color:#fff;background:linear-gradient(180deg,#fff 30%,#a1a1aada 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.project-card:hover{transform:translateY(-5px);background:#ffffff0d}.down h4{color:#fff;background:linear-gradient(180deg,#fff 30%,#a1a1aada 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.linear{color:#007aff}.project-tech-stack{display:flex;gap:8px;margin-bottom:12px;background:#ffffff08;width:fit-content;padding:5px 10px;border-radius:10px}.mini-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;filter:grayscale(20%);transition:transform .2s}.mini-icon:hover{filter:grayscale(0%);transform:scale(1.2)}.mini-icon svg{width:100%;height:100%}.project-link{color:var(--accent-cyan);text-decoration:none;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:5px;transition:gap .3s}.project-link:hover{gap:10px;text-decoration:underline}.skills-container{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{color:#fff;background:linear-gradient(180deg,#fff 30%,#a1a1aada 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;display:table;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:12px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.skill-tag:hover{background:#ffffff1a;transform:translateY(-3px);border-color:var(--accent-cyan);box-shadow:0 10px 20px #0003}.skill-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.skill-icon svg{width:100%;height:100%}.contact-links{display:flex;gap:8px;margin-top:20px}.btn{color:#fff;text-decoration:none;padding:10px;border-radius:10px;background:var(--glass-border);transition:.3s;font-size:12px;display:inline-flex;align-items:center;gap:6px;font-weight:400;border:1px solid rgba(255,255,255,.1)}h2{font-weight:600;color:#fff;background:linear-gradient(180deg,#fff 30%,#a1a1aada 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;display:table}.btn:hover{background:var(--accent-blue);transform:translateY(-2px)}.btn2{color:#fff;text-decoration:none;width:100%;padding:10px;border-radius:10px;background:var(--accent-blue);transition:.5s;justify-content:center;font-size:12px;display:inline-flex;font-family:Unbounded,sans-serif;align-items:center;gap:5px;font-weight:400;border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease-in-out;animation-fill-mode:both;animation-delay:.5s}.btn2:hover{background:#05050516;cursor:pointer}.btn svg{stroke:#fff}.btn2 img{width:22px;height:22px}@media(max-width:1100px){.header-grid{grid-template-columns:1fr;text-align:center}.header-right-side{display:none}.header-visual,.badge-row,.header-stats,.mini-stack-grid{justify-content:center}.main-title{text-align:center}}@media(max-width:900px){.header-grid{gap:20px}.main-title{font-size:2.5rem}.badge-row,.header-stats{justify-content:center}.header-stats{gap:15px}.stat-value{font-size:.9rem}}@media(max-width:600px){h1{font-size:2rem}.glass-card{padding:25px;border-radius:25px}}.project-actions .btn{padding:8px 16px;font-size:.8rem}.project-card{display:flex;flex-direction:column;height:100%}.glass-card .btn{white-space:nowrap}.project-card{animation:fadeIn .5s ease-in-out;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}@media(max-width:1100px){.header-grid{display:flex;flex-direction:column;text-align:center;gap:30px}.header-right-side{display:flex!important;flex-direction:column;width:100%;max-width:500px;margin:0 auto}.header-visual,.badge-row,.header-stats,.mini-stack-grid{justify-content:center}.main-title{justify-content:center;text-align:center;flex-wrap:wrap}.profile-img{height:auto;width:100%;max-width:300px;aspect-ratio:1/1;margin:0 auto}.activity-card{margin-bottom:0}}@media(max-width:768px){.portfolio-header{width:92%;padding:0 15px;height:60px;top:15px}.page-content{padding-top:100px;padding-left:15px;padding-right:15px}.nav-logo{font-size:1.1rem}.nav-cta .btn2{padding:8px 12px!important;font-size:.8rem}.glass-card{padding:25px 20px!important;border-radius:20px;margin-bottom:20px}.main-title{font-size:2.2rem}.header-objective{font-size:.9rem;text-align:center}.header-stats{flex-direction:row;flex-wrap:wrap;gap:20px;padding-top:15px;margin-bottom:20px}.stat-item{min-width:100px}.glass-card>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:30px!important}input,textarea{font-size:16px!important}.blob{width:250px;height:250px;opacity:.08}}@media(max-width:480px){.main-title{font-size:1.8rem}.hvg{display:flex;text-align:center;align-items:center;justify-content:center;flex-direction:column}.profile-img{max-width:200px}.tabs-container{gap:15px!important;justify-content:center}.tabs-container button{font-size:.8rem!important;flex-grow:1;text-align:center}.grid{grid-template-columns:1fr}.project-card{padding:20px}.skill-tag{font-size:.8rem;padding:6px 12px}.skills-container{justify-content:center}.btn2.primary{width:100%}.mini-stack-grid{flex-wrap:wrap;gap:8px;justify-content:center}}