@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-dark:#050505;--bg-card:#111119b3;--accent-cyan:#00f2ff;--accent-purple:#7000ff;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #000c}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.glass-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-hover:hover{border-color:var(--accent-cyan);background:#ffffff0d;transform:translateY(-5px);box-shadow:0 0 20px #00f2ff33}.text-gradient{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-glow{filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#7000ff26,#0000 70%);width:600px;height:600px;position:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-cyan), var(--accent-purple));border-radius:10px}section{max-width:1200px;margin:0 auto;padding:100px 20px}h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:800}.flex{display:flex}.gap-4{gap:1rem}.portfolio{min-height:100vh;padding:0 20px}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{margin-bottom:1rem;font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1.1}.subtitle{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:2rem;font-size:1.5rem}.hero-desc{max-width:600px;color:var(--text-muted);margin:0 auto 3rem;font-size:1.1rem}.hero-btns{justify-content:center;gap:20px;display:flex}.btn-primary,.btn-secondary{border-radius:50px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary{background:var(--accent-cyan);color:#000;box-shadow:0 0 20px #00f2ff4d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #00f2ff80}.btn-secondary{border:1px solid var(--accent-purple);color:#fff}.btn-secondary:hover{background:#7000ff1a;transform:scale(1.05)}.about-card{padding:50px}.about-grid{grid-template-columns:3fr 2fr;align-items:center;gap:50px;display:grid}.personal-details{flex-direction:column;gap:15px;margin-top:30px;display:flex}.detail-item{color:var(--text-muted);align-items:center;gap:10px;display:flex}.skills-grid{flex-wrap:wrap;gap:15px;display:flex}.skill-tag{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:50px;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;display:flex}.skill-tag.outline{border-color:var(--accent-cyan)}.experience-list{gap:30px;display:grid}.experience-card{padding:30px}.experience-card h3{color:var(--accent-cyan);margin-bottom:5px;font-size:1.4rem}.experience-card .company{margin-bottom:15px;font-weight:600}.experience-card .period{color:var(--accent-purple);font-size:.9rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.project-card{flex-direction:column;justify-content:space-between;padding:30px;display:flex}.card-header{justify-content:space-between;margin-bottom:20px;display:flex}.icon-main{color:var(--accent-cyan);transition:all .3s}.icon-main:hover{color:var(--accent-purple);transform:translateY(-2px)}.card-links{color:var(--text-muted);cursor:pointer}.project-card h3{margin-bottom:15px;font-size:1.5rem}.project-card p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.tag-container{gap:10px;display:flex}.tag{color:var(--accent-purple);background:#7000ff1a;border-radius:50px;padding:5px 12px;font-size:.75rem}.footer{text-align:center;border-top:1px solid var(--glass-border);padding:60px 20px}.social-links{justify-content:center;gap:30px;margin-bottom:20px;display:flex}.social-links a{color:var(--text-muted);transition:color .3s}.social-links a:hover{color:var(--accent-cyan)}.lang-toggle{z-index:1000;color:#fff;cursor:pointer;border:1px solid var(--accent-cyan);border-radius:50px;align-items:center;gap:10px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex;position:fixed;top:30px;right:30px}.lang-toggle:hover{background:#00f2ff1a;box-shadow:0 0 15px #00f2ff4d}.skills-container-detailed{flex-direction:column;gap:20px;display:flex}.section-small-title{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:1.2rem}.skills-grid-detailed{flex-direction:column;gap:15px;display:flex}.skill-item-detailed{border-left:3px solid var(--accent-cyan);background:#ffffff08;border-radius:12px;align-items:center;gap:15px;padding:12px;display:flex}.skill-icon-box{color:var(--accent-cyan);justify-content:center;align-items:center;display:flex}.skill-text-box{flex-direction:column;display:flex}.skill-name{font-size:1.05rem;font-weight:600}.skill-context{color:var(--text-muted);font-size:.85rem}.contact-container{max-width:800px;margin:0 auto;padding:50px}.contact-form{flex-direction:column;gap:25px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--accent-cyan);margin-left:5px;font-size:.9rem;font-weight:600}.contact-form input,.contact-form textarea{border:1px solid var(--glass-border);color:#fff;background:#ffffff08;border-radius:12px;padding:12px 15px;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-cyan);background:#00f2ff0d;outline:none;box-shadow:0 0 15px #00f2ff1a}.btn-submit{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:15px;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-submit.idle{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff}.btn-submit.idle:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00f2ff33}.btn-submit.sending{background:var(--bg-card);color:var(--text-muted);cursor:not-allowed}.btn-submit.success{color:#fff;background:#10b981}.btn-submit.error{color:#fff;background:#ef4444}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.form-grid,.about-grid{grid-template-columns:1fr}.hero h1{font-size:3.5rem}section{padding:60px 20px}.lang-toggle{padding:8px 15px;top:20px;right:20px}.contact-container{padding:30px 20px}}