@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--bg-color:#0f172a;--text-color:#e2e8f0;--accent-color:#38bdf8;--card-bg:#ffffff08;--border-color:#ffffff1a;--glow-shadow:0 0 15px #38bdf880}[data-theme=midnight-purple]{--bg-color:#1a1025;--text-color:#f8f8f8;--accent-color:#b39ddb;--card-bg:#ffffff0a;--border-color:#b39ddb33;--glow-shadow:0 0 15px #b39ddb80}[data-theme=emerald-dark]{--bg-color:#062e24;--text-color:#ecfdf5;--accent-color:#34d399;--card-bg:#ffffff0d;--border-color:#34d39933;--glow-shadow:0 0 15px #34d39966}[data-theme=monochrome-light]{--bg-color:#fafafa;--text-color:#111827;--accent-color:#1f2937;--card-bg:#0000000d;--border-color:#0000001a;--glow-shadow:0 4px 6px #0000001a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;transition:background-color .5s,color .5s,border-color .5s,box-shadow .3s}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:2rem}h1,h2,h3{letter-spacing:-.02em;margin-bottom:1rem;font-weight:800}a{color:var(--accent-color);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}.btn-primary{color:var(--accent-color);border:2px solid var(--accent-color);cursor:pointer;background-color:#0000;border-radius:50px;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block;box-shadow:0 0 #0000}.btn-primary:hover{background-color:var(--accent-color);color:var(--bg-color);box-shadow:var(--glow-shadow);text-decoration:none;transform:translateY(-2px)}html{scroll-behavior:smooth}.container{max-width:1100px;margin:0 auto;padding:0 2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-load{animation:.8s forwards fadeInUp}.navbar{z-index:1000;justify-content:space-between;align-items:center;width:calc(100% - 4rem);max-width:1100px;animation:.8s forwards slideDown;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);border-radius:50px!important;padding:1rem 2rem!important}@keyframes slideDown{0%{opacity:0;top:-100px}to{opacity:1;top:1rem}}.nav-brand{color:var(--accent-color);letter-spacing:-1px;font-size:1.5rem;font-weight:800}.nav-controls{align-items:center;gap:2rem;display:flex}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-color);opacity:.8;font-size:.95rem;font-weight:500;position:relative}.nav-links a:hover{opacity:1;text-decoration:none}.nav-links a:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.theme-switcher{position:relative}.theme-btn{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.theme-btn:hover{background-color:var(--card-bg);border-color:var(--accent-color)}.theme-dropdown{background:var(--bg-color);border:1px solid var(--border-color);opacity:0;visibility:hidden;border-radius:12px;flex-direction:column;gap:.3rem;min-width:160px;padding:.5rem;transition:all .3s;display:flex;position:absolute;top:120%;right:0;transform:translateY(-10px);box-shadow:0 10px 25px #0003}.theme-switcher:hover .theme-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.theme-option{color:var(--text-color);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;font-size:.9rem;transition:background .2s;display:flex}.theme-option:hover{background:var(--card-bg)}.theme-option.active{color:var(--accent-color);font-weight:600}@media (width<=768px){.nav-links{display:none}}.hero-section{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.greeting{color:var(--accent-color);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.name{background:linear-gradient(to right, var(--text-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5rem);line-height:1.1}.role{color:var(--text-color);opacity:.9;margin-bottom:1.5rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}.role span{font-weight:800}.description{opacity:.75;max-width:500px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.highlight{color:var(--accent-color);opacity:1;font-weight:800}.hero-cta{gap:1rem;display:flex}.btn-secondary{color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.blob-shape{background:linear-gradient(135deg, var(--accent-color) 0%, #ffffff1a 100%);width:350px;height:350px;box-shadow:var(--glow-shadow);z-index:1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;justify-content:center;align-items:center;transition:all 1s ease-in-out;animation:8s ease-in-out infinite morph;display:flex;position:relative}.blob-shape:before{content:"";border-radius:inherit;background:var(--accent-color);filter:blur(40px);opacity:.2;z-index:-1;animation:8s ease-in-out infinite reverse morph;position:absolute;inset:-10%}.profile-placeholder{background-color:var(--bg-color);border-radius:inherit;width:90%;height:90%;color:var(--accent-color);opacity:.8;border:2px solid var(--border-color);justify-content:center;align-items:center;font-size:5rem;font-weight:800;display:flex}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media (width<=900px){.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.description{margin:0 auto 2.5rem}.hero-cta{justify-content:center}.hero-visual{order:-1}.blob-shape{width:250px;height:250px}}.about-section{padding:6rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:var(--text-color);margin-bottom:.5rem;font-size:2.5rem}.underline{background-color:var(--accent-color);width:60px;height:4px;box-shadow:var(--glow-shadow);border-radius:4px;margin:0 auto}.about-content{grid-template-columns:1fr 1fr;gap:3rem;transition:transform .3s;display:grid}.about-content:hover{border-color:var(--accent-color);transform:translateY(-5px)}.about-text h3,.skills-container h3{color:var(--accent-color);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.about-text p{color:var(--text-color);opacity:.8;margin-bottom:1rem;line-height:1.7}.about-text strong{color:var(--text-color);opacity:1;font-weight:800}.skills-grid{flex-wrap:wrap;gap:1rem;display:flex}.skill-badge{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);cursor:default;border-radius:50px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .3s}.skill-badge:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:var(--glow-shadow);transform:translateY(-2px)}@media (width<=768px){.about-content{grid-template-columns:1fr}}.projects-section{padding:6rem 0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.project-card{flex-direction:column;justify-content:space-between;padding:2.5rem 2rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";z-index:0;opacity:0;background:linear-gradient(135deg,#0000,#ffffff0d);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project-card:hover{border-color:var(--accent-color);transform:translateY(-10px);box-shadow:0 10px 30px #0003}.project-card:hover:before{opacity:1}.project-content{z-index:1;margin-bottom:2rem;position:relative}.project-content h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.project-card:hover h3{color:var(--accent-color)}.project-content p{color:var(--text-color);opacity:.75;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:var(--accent-color);letter-spacing:.5px;background:#ffffff0d;border-radius:4px;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.project-actions{z-index:1;position:relative}.project-actions .btn-primary{padding:.5rem 1.25rem;font-size:.9rem}.posters-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.posters-modal-content{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:95%;height:95%;padding:1rem;display:flex;position:relative}.close-modal-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:flex-end;margin-bottom:1rem;padding:.5rem 1rem;font-weight:700;transition:all .3s}.close-modal-btn:hover{opacity:.8}.posters-container{flex:1;gap:1rem;display:flex;overflow:auto}.poster-iframe,.poster-img{background:0 0;border:none;border-radius:8px;flex:1}.poster-img{object-fit:contain;width:100%;max-height:90vh}@media (width<=900px){.posters-container{flex-direction:column;overflow-y:auto}.poster-iframe,.poster-img{min-height:60vh}}.contact-section{margin-bottom:4rem;padding:6rem 0 0}.contact-container{grid-template-columns:1fr 1fr;gap:4rem;padding:4rem;display:grid}.contact-info h2{color:var(--text-color);margin-bottom:1.5rem;font-size:2.2rem}.contact-info p{color:var(--text-color);opacity:.8;margin-bottom:2.5rem;line-height:1.8}.contact-details{flex-direction:column;gap:1.25rem;display:flex}.contact-item{align-items:center;gap:1rem;display:flex}.contact-item .icon{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;font-size:1.5rem}.contact-item a{color:var(--text-color);font-size:1.1rem;font-weight:500}.contact-item a:hover{color:var(--accent-color)}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-color);opacity:.9;font-size:.9rem;font-weight:600}.contact-form input,.contact-form textarea{border:1px solid var(--border-color);color:var(--text-color);background:#0003;border-radius:8px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-color);background:#0006;outline:none;box-shadow:0 0 10px #38bdf833}.w-100{width:100%}.recaptcha-group{flex-direction:column;align-items:flex-start;margin-bottom:1rem;display:flex}.error-text{color:#ff6b6b;margin-top:.5rem;font-size:.85rem}.form-success{color:#4caf50;text-align:center;margin-top:1rem;font-weight:500}.form-error{color:#ff6b6b;text-align:center;margin-top:1rem;font-weight:500}@media (width<=900px){.contact-container{grid-template-columns:1fr;gap:3rem;padding:2rem}}.bottom-theme-switcher{justify-content:center;padding-bottom:3rem;display:flex}.theme-toggle-box{border-radius:50px;align-items:center;gap:1.5rem;padding:1rem 2rem;display:flex}.theme-label{color:var(--text-color);opacity:.9;font-weight:600}.theme-buttons{flex-wrap:wrap;gap:1rem;display:flex}.theme-option-btn{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.theme-option-btn:hover{background:var(--card-bg);border-color:var(--accent-color);transform:translateY(-2px)}.theme-option-btn.active{border-color:var(--accent-color);background:var(--card-bg);color:var(--accent-color);box-shadow:0 0 10px rgba(var(--accent-color), .2);font-weight:600}.color-dot{border:1px solid #ffffff4d;border-radius:50%;width:14px;height:14px}.footer{text-align:center;color:var(--text-color);opacity:.6;border-top:1px solid var(--border-color);padding:2rem;font-size:.9rem}