:root{--bg-color: #0d0d12;--surface-color: rgba(255, 255, 255, .03);--surface-border: rgba(255, 255, 255, .08);--primary-color: #6366f1;--secondary-color: #ec4899;--tertiary-color: #8b5cf6;--text-main: #f8fafc;--text-muted: #94a3b8;--font-main: "Outfit", sans-serif;--glass-blur: blur(16px);--glow-shadow: 0 0 40px rgba(99, 102, 241, .3);--timeline-line: rgba(255, 255, 255, .1);--particle-color-1: 0x6366f1;--particle-color-2: 0xec4899}[data-theme=light]{--bg-color: #f1f5f9;--surface-color: rgba(255, 255, 255, .6);--surface-border: rgba(0, 0, 0, .05);--primary-color: #4f46e5;--secondary-color: #db2777;--tertiary-color: #7c3aed;--text-main: #0f172a;--text-muted: #475569;--glow-shadow: 0 10px 30px rgba(79, 70, 229, .2);--timeline-line: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;perspective:1000px;transition:background-color .5s ease,color .5s ease}body{cursor:none}#custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:var(--primary-color);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s,background-color .2s;box-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color)}#cursor-trail{position:fixed;top:0;left:0;width:40px;height:40px;border:2px solid var(--secondary-color);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s,transform .1s ease-out}body.hovering-link #custom-cursor{width:50px;height:50px;background-color:transparent;border:2px solid var(--primary-color);background:#6366f133}body.hovering-link #cursor-trail{width:0;height:0;opacity:0}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}h1,h2,h3,h4{font-weight:800;line-height:1.2}h1{font-size:clamp(3rem,8vw,5rem);margin-bottom:.5rem}.greeting{font-size:1.2rem;font-weight:500;color:var(--primary-color);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}h2.section-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:3rem;text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%)}h2.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}p{color:var(--text-muted);font-size:1.05rem;margin-bottom:1rem}a{text-decoration:none;color:inherit;transition:all .3s ease}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mt-5{margin-top:3rem}.justify-center{justify-content:center}header{position:fixed;top:0;width:100%;z-index:100;padding:1.5rem 0}.glass-nav{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto;padding:.8rem 2rem;background:var(--surface-color);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:50px;box-shadow:0 8px 32px #0000001a;transition:background-color .5s ease,border-color .5s ease}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.5px}.logo span{color:var(--primary-color)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{font-weight:600;font-size:.95rem;opacity:.8}.nav-links a:hover{opacity:1;color:var(--primary-color)}.theme-btn{background:none;border:none;cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-color);border:1px solid var(--surface-border);transition:all .3s ease}.theme-btn:hover{transform:rotate(15deg) scale(1.1);color:var(--primary-color);border-color:var(--primary-color)}main{width:90%;max-width:1200px;margin:0 auto;padding-top:8rem}.section{padding:5rem 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.hero{flex-direction:row;align-items:center;justify-content:space-between;gap:4rem;min-height:calc(100vh - 8rem)}.hero-content{flex:1;z-index:2}.highlight{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--tertiary-color));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}.subtitle{font-size:1.25rem;margin-bottom:2.5rem;font-weight:500}.cta-buttons{display:flex;gap:1rem}.btn{padding:1rem 2.5rem;border-radius:50px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;text-align:center;display:inline-block;letter-spacing:.5px}.btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--tertiary-color));color:#fff;box-shadow:var(--glow-shadow)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #6366f166}.btn.secondary{background:var(--surface-color);border:1px solid var(--surface-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn.secondary:hover{background:var(--surface-border);transform:translateY(-3px)}.ui-3d{flex:1;height:400px;position:relative;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.profile-photo{width:360px;height:360px;border-radius:16px;object-fit:cover;object-position:center top;border:2px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006,0 0 0 2px #6366f14d;transition:transform .8s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;transform-style:preserve-3d}.profile-photo:hover{box-shadow:0 30px 60px #6366f166,0 0 0 4px var(--primary-color)}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.glow-effect{position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,#6366f133,#0000 70%);transform:translate(-50%,-50%) translateZ(-50px);pointer-events:none;z-index:1;animation:pulse 4s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(.9) translateZ(-50px);opacity:.3}to{transform:scale(1.1) translateZ(-50px);opacity:.6}}.glass{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0000001a;border-radius:16px;transform:translateZ(0)}.ui-3d,.card-3d{perspective:1000px;transform-style:preserve-3d}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto}.cert-item{display:flex;align-items:center;gap:2rem;padding:2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;transform-style:preserve-3d}.glass:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #6366f126;border-color:#6366f14d}.cert-icon{font-size:3rem;transform:translateZ(30px)}.cert-info h4{font-size:1.5rem;margin-bottom:.5rem;color:var(--primary-color);transform:translateZ(20px)}.cert-info p{color:var(--text-color);margin-bottom:.5rem;transform:translateZ(10px)}.cert-info .date{font-size:.85rem;color:#a78bfa;font-weight:600;text-transform:uppercase;letter-spacing:1px}.about-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr}}.about-text p{margin-bottom:1rem;line-height:1.6}.hidden-content{max-height:0;overflow:hidden;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.hidden-content.visible{max-height:500px;opacity:1}.read-more-text{color:var(--primary-color);font-weight:600;margin-top:1.5rem!important;font-size:.95rem;transition:color .3s ease;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif}#about-card:hover .read-more-text{color:var(--secondary-color)}.timeline{list-style:none;position:relative;margin-top:1.5rem}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--timeline-line)}.timeline li{position:relative;padding-left:2rem;margin-bottom:2rem}.timeline-dot{position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.timeline-content h4{font-size:1.1rem;margin-bottom:.2rem}.timeline-content p{font-size:.9rem;color:var(--primary-color);margin-bottom:0;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.tag{font-size:.85rem;padding:.4rem 1rem;background:#6366f11a;color:var(--primary-color);border-radius:20px;font-weight:600;border:1px solid rgba(99,102,241,.2)}.tag.charming{background:linear-gradient(135deg,#6366f11a,#ec48991a);border-color:#ec48994d;padding:.6rem 1.2rem;font-size:1rem}.tag.outline{background:transparent;border-color:var(--text-muted);color:var(--text-main)}.strengths-banner{text-align:center;padding:2rem}.strengths-banner h3{margin-bottom:1rem}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;perspective:1500px}.card-3d{background-color:transparent;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;background:var(--surface-color);border:1px solid var(--surface-border);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000001a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}#projects .card-3d:hover .card-inner,#skills .card-3d:hover .card-inner{transform:rotateY(5deg) rotateX(5deg) scale3d(1.02,1.02,1.02);border-color:var(--primary-color);box-shadow:0 20px 40px #0003}.card-image{height:200px;width:100%;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card-3d:hover .card-image img{transform:scale(1.05)}.card-content{padding:2rem;transform:translateZ(30px)}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;perspective:1500px}.skill-category .card-inner{padding:2rem}.skill-category h3{margin-bottom:1.5rem;color:var(--text-main);border-bottom:1px solid var(--surface-border);padding-bottom:.8rem;font-size:1.3rem}.skill-list{list-style:none}.skill-list li{margin-bottom:1rem;position:relative;padding-left:1.5rem;color:var(--text-muted)}.skill-list li:before{content:"✦";position:absolute;left:0;color:var(--secondary-color);font-size:.9rem}.skill-list strong{color:var(--text-main)}.contact-card-link{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:var(--text-color);transition:all .3s ease}.contact-card-link:hover{background:#6366f11a;border-color:#6366f14d;transform:translate(10px)}.contact-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#6366f133;border-radius:50%}.contact-text{display:flex;flex-direction:column;text-align:left}.contact-text span{font-size:.85rem;color:var(--text-muted, #a1a1aa);text-transform:uppercase;letter-spacing:1px}.contact-text strong{font-size:1.05rem;color:var(--primary-color);white-space:nowrap}.contact-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.form-group{width:100%}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 0 2px #6366f133}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group textarea{resize:vertical;min-height:120px}footer{text-align:center;padding:3rem 5%;background:#0a0a0ff2;border-top:1px solid var(--surface-border);position:relative;z-index:10;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.socials{margin-top:1.5rem;display:flex;justify-content:center;gap:2rem}.socials a{font-weight:600;padding:.5rem 1rem;border-radius:10px;background:#ffffff0d;transition:background .3s}.socials a:hover{background:var(--primary-color);color:#fff}@media(max-width:900px){.hero{flex-direction:column;text-align:center;padding-top:10rem;gap:2rem}.about-grid{grid-template-columns:1fr}.cta-buttons{justify-content:center}.nav-links{display:none}h1{font-size:3rem}}