@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.hero-section{align-items:center;min-height:100vh;padding-top:12rem;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;width:100%;display:grid}.hero-title{color:var(--text-primary);letter-spacing:-1px;margin-bottom:1.5rem;font-size:72px;font-weight:400;line-height:72px}.hero-title .highlight{color:var(--accent-primary)}.hero-subtitle{color:var(--text-secondary);letter-spacing:.2px;max-width:600px;margin-bottom:3.5rem;font-size:20px;font-weight:400;line-height:28px}.hero-actions{gap:1.5rem;margin-bottom:4rem;display:flex}.btn-hero-primary{background-color:var(--accent-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:.9rem 1.8rem;font-size:16px;font-weight:400;line-height:24px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hero-primary:hover{background-color:#ff8533;transform:translateY(-2px)}.btn-hero-dark{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;padding:.9rem 1.8rem;font-size:16px;font-weight:400;line-height:24px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hero-dark:hover{background-color:var(--card-border);border-color:var(--accent-primary);transform:translateY(-2px)}.hero-bottom-row{justify-content:space-between;align-items:center;width:100%;display:flex}.mouse-indicator-container{z-index:10;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media (width<=768px){.hero-section{padding-bottom:8rem}.mouse-indicator-container{bottom:1.5rem}.hero-bottom-row{flex-direction:column;align-items:flex-start;gap:4rem}.hero-social-links{justify-content:flex-start;width:100%}}.hero-graphic{justify-content:flex-end;align-items:center;width:100%;height:500px;display:flex;position:relative}@keyframes float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin-right{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-left{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.hero-orb-container{justify-content:center;align-items:center;width:480px;height:480px;animation:6s ease-in-out infinite float-orb;display:flex;position:relative}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.orb-center{z-index:3;background-color:var(--bg-color);border:3px solid #ff6b0066;border-radius:50%;width:260px;height:260px;animation:3s infinite alternate pulse-glow;position:absolute;overflow:hidden}.hero-portrait{object-fit:cover;filter:contrast(1.1)brightness(.9)grayscale(15%)hue-rotate(-10deg);width:100%;height:100%;transition:transform .4s}.orb-center:hover .hero-portrait{transform:scale(1.08)}@media (width<=992px){.hero-graphic{justify-content:center;padding-left:0}}.orb-outer{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#ff6b001a 0%,#ffb7030d 60%,#0000 80%);border-radius:50%;width:280px;height:280px;position:absolute}.ring{z-index:1;border:1px solid #ff6b001a;border-radius:50%;position:absolute}.ring-1{width:320px;height:320px;animation:25s linear infinite spin-right}.ring-2{border-color:#ff6b000d;width:400px;height:400px;animation:35s linear infinite spin-left}.ring-3{width:480px;height:480px;animation:45s linear infinite spin-right}.ring-glow-dot{border-radius:50%;position:absolute}.primary-dot{background-color:#ff6b00;width:12px;height:12px;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 20px 5px #ff6b0099}.secondary-dot{background-color:#ffb703;width:10px;height:10px;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 20px 5px #ffb70399}.bg-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ff6b0008 0%,#0000 70%);width:1000px;height:1000px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{filter:blur(8px);transform:scale(1)}to{filter:blur(12px);transform:scale(1.05);box-shadow:0 0 40px #5865f233}}.pill-badge{color:var(--accent-primary);background-color:#ff6b000d;border:1px solid #ff6b0033;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-flex}.pill-dot{background-color:var(--accent-primary);border-radius:50%;width:6px;height:6px}.section{z-index:10;padding:6rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-badge{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;background-color:#ff6b000d;border:1px solid #ff6b0033;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.section-title{color:var(--text-primary);font-size:2.5rem;font-weight:600}.section-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.section-header.center{text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.section-title-center{margin-bottom:1rem;font-size:3rem;font-weight:500}.section-subtitle-center{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.about-grid{grid-template-columns:1.2fr 1fr;align-items:flex-start;gap:4rem;display:grid}.about-text{flex-direction:column;gap:1.5rem;display:flex}.about-paragraph{border-left:1px solid var(--accent-primary);color:var(--text-secondary);padding-left:1.5rem;font-size:1.05rem;line-height:1.7}.about-stats-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;align-items:flex-start;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{background:var(--card-border);border-color:#ff6b004d;transform:translateY(-5px);box-shadow:0 10px 30px #ff6b000d}.stat-icon{color:var(--accent-primary);margin-bottom:1rem}.stat-label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.85rem}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:500}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--card-border);width:2px;height:100%;position:absolute;top:0;left:14px}.timeline-item{margin-bottom:3rem;padding-left:3rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--accent-primary);width:8px;height:8px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;position:absolute;top:6px;left:11px}.timeline-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;transition:all .3s}.timeline-content:hover{border-color:var(--card-border-hover)}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.timeline-title{color:var(--text-primary);font-size:1.2rem;font-weight:600}.timeline-company{color:var(--accent-primary);font-size:.95rem}.timeline-date{color:var(--text-secondary);font-size:.9rem}.timeline-desc{color:var(--text-secondary);margin-bottom:1.5rem;list-style-type:none}.timeline-desc li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-desc li:before{content:"•";color:var(--accent-primary);position:absolute;left:0}.timeline-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:var(--accent-primary);background:#ff6b001a;border-radius:99px;padding:.3rem .8rem;font-size:.8rem}.projects-grid{grid-template-columns:1fr 1fr;gap:3rem;max-width:960px;margin:0 auto;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:transform .3s;overflow:hidden}.project-card:hover{border-color:#ff6b004d;transform:translateY(-8px);box-shadow:0 10px 30px #00000080,0 0 20px #ff6b001a}.project-img-wrapper{width:100%;height:250px;position:relative;overflow:hidden}.project-img{object-fit:cover;border-bottom:1px solid var(--card-border);background-color:#1a1b22;width:100%;height:100%;transition:transform .3s}.project-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-img-wrapper:hover .project-overlay{opacity:1}.project-img-wrapper:hover .project-img{transform:scale(1.05)}.overlay-links{gap:1.5rem;display:flex}.overlay-btn-primary,.overlay-btn-secondary{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex}.overlay-btn-primary{background-color:var(--accent-primary);color:#fff}.overlay-btn-secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background-color:#ffffff40}.overlay-btn-primary:hover,.overlay-btn-secondary:hover{transform:scale(1.1)}.project-content{padding:2rem}.project-title{color:var(--text-primary);margin-bottom:.8rem;font-size:20px;font-weight:400;line-height:28px;transition:color .3s}.project-card:hover .project-title{color:var(--accent-primary)}.project-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:16px;font-weight:400;line-height:26px}.project-tags{flex-wrap:wrap;gap:.75rem;display:flex}.project-tag{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);letter-spacing:.3px;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;font-weight:300}.project-links-footer{gap:1.5rem;margin-top:1rem;display:flex}.project-action-link{align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.project-action-link.primary{color:var(--accent-primary)}.project-action-link.primary:hover{color:var(--text-primary)}.project-action-link.secondary{color:var(--text-secondary)}.project-action-link.secondary:hover{color:var(--text-primary)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:var(--card-bg);border:1px solid var(--accent-primary);border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 10px 40px #ff6b0033}.modal-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1.5rem}.modal-close:hover{color:var(--accent-primary)}.modal-title{color:var(--text-primary);margin-bottom:1.5rem;padding-right:2rem;font-size:1.8rem}.modal-body{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.modal-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.skills-rows{flex-direction:column;gap:3rem;max-width:1050px;margin:0 auto;display:flex}.skill-category-header{align-items:center;margin-bottom:2rem;display:flex}.skill-category-header .line{background-color:#ff6b0033;flex:1;height:1px}.skill-category-header h3{color:var(--accent-primary);white-space:nowrap;padding:0 1rem;font-size:1.1rem;font-weight:500}.skill-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.skill-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;align-items:center;gap:1.2rem;padding:1rem 1.5rem;transition:all .3s;display:flex}.skill-item:hover{background:var(--card-border);border-color:#ff6b004d;transform:translate(5px);box-shadow:0 10px 30px #ff6b000d}.skill-icon{color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.skill-info{flex-direction:column;gap:.2rem;display:flex}.skill-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.skill-level{color:oklch(79.2% .209 151.711);font-size:.75rem}@media (width<=768px){.skills-rows{gap:2rem}}.contact-grid{grid-template-columns:1fr 1fr;gap:4rem;max-width:1050px;margin:0 auto;display:grid}.contact-info-col{flex-direction:column;gap:2.5rem;display:flex}.contact-items{flex-direction:column;gap:1.5rem;display:flex}.contact-item{align-items:center;gap:1.2rem;display:flex}.contact-icon-box{width:44px;height:44px;color:var(--accent-primary);background-color:#ff6b000d;border:1px solid #ff6b0026;border-radius:10px;justify-content:center;align-items:center;display:flex}.contact-item-text{flex-direction:column;gap:.2rem;display:flex}.contact-label{color:var(--text-secondary);font-size:.85rem}.contact-value{color:var(--text-primary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.contact-value:hover{color:var(--accent-primary)}.fun-fact-box{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.fun-fact-title{color:var(--accent-primary);margin-bottom:.8rem;font-size:.95rem;font-weight:600}.fun-fact-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.connect-section{flex-direction:column;gap:1rem;display:flex}.connect-label{color:var(--text-primary);font-size:.95rem;font-weight:500}.connect-socials{gap:1rem;display:flex}.social-box-dark{background-color:var(--card-bg);border:1px solid var(--card-border);width:44px;height:44px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-box-dark:hover{color:var(--accent-primary);background-color:#ff6b001a;border-color:#ff6b004d}.contact-form-wrapper{flex-direction:column;display:flex}.custom-form .form-group{margin-bottom:1.5rem}.custom-form label{color:var(--text-primary);margin-bottom:.6rem;font-size:.9rem;font-weight:500;display:block}.custom-form input,.custom-form textarea{background-color:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--text-primary);border-radius:8px;padding:1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,background-color .2s}.custom-form input::placeholder,.custom-form textarea::placeholder{color:var(--text-secondary)}.custom-form input:focus,.custom-form textarea:focus{border-color:var(--accent-primary);background-color:var(--card-border);outline:none}.custom-form textarea{resize:vertical;height:150px}.custom-form input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #151515!important}.custom-form input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #151515!important}.custom-form input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #151515!important}.custom-form textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #151515!important}.custom-form textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #151515!important}.custom-form textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #151515!important}.btn-send-full{background-color:var(--accent-primary);color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-send-full:hover{background-color:#ff8533;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b004d}.hero-bottom-row{justify-content:space-between;align-items:center;max-width:550px;margin-top:4rem;display:flex}@media (width<=768px){.hero-bottom-row{flex-direction:row;justify-content:center;gap:2rem;margin-top:3rem}}.hero-social-links{gap:1rem;display:flex}.social-box{background-color:var(--card-bg);border:1px solid var(--card-border);width:48px;height:48px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-box:hover{background-color:var(--card-border);color:var(--text-primary);border-color:var(--accent-primary)}.mouse-indicator{border:2px solid var(--text-secondary);border-radius:20px;justify-content:center;width:24px;height:40px;padding-top:6px;animation:2s ease-in-out infinite mouse-float;display:flex}.mouse-wheel{background-color:var(--accent-primary);border-radius:4px;width:4px;height:8px}@keyframes mouse-float{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.btn-primary{background-color:var(--accent-primary);color:#000;box-shadow:0 4px 15px #ff6b0033}.btn-primary:hover{background-color:#ff8533;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0066}.btn-outline{color:var(--text-primary);border:1px solid var(--card-border);background-color:#0000}.btn-outline:hover{background-color:var(--card-bg);border-color:var(--card-border)}.btn-dark{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border)}.btn-dark:hover{background-color:var(--card-border);border-color:var(--card-border-hover)}.form-status{text-align:center;border-radius:8px;margin-top:1rem;padding:.8rem;font-size:.9rem;font-weight:500}.form-status.success{color:#2ed573;background:#2ed5731a;border:1px solid #2ed57333}.form-status.error{color:#ff4757;background:#ff47571a;border:1px solid #ff475733}.footer{border-top:1px solid var(--card-border);min-height:100px;color:var(--text-secondary);flex-direction:row;justify-content:space-between;align-items:center;padding:5rem 0 8rem;font-size:.95rem;display:flex}.footer-text-group{flex-direction:column;gap:.5rem;display:flex}.footer-subtitle{color:var(--text-secondary);font-size:.85rem;font-weight:500}.footer-social-links{gap:1rem;display:flex}@media (width<=768px){.footer{text-align:center;flex-direction:column;gap:1.5rem;padding:3rem 0 6rem}.footer-text-group{align-items:center}}.social-links{gap:1rem;display:flex}.social-link{background:var(--card-bg);width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:background .3s;display:flex}.social-link:hover{background:var(--accent-primary);color:#000}.animate-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)scale(.97)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}@keyframes aesthetic-float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.pill-badge{animation:4s ease-in-out infinite aesthetic-float}.mouse-wheel{animation:2s ease-in-out infinite pulse-glow}@media (width<=992px){.hero-grid,.about-grid,.contact-grid,.projects-grid,.skills-columns,.testimonials-grid{grid-template-columns:1fr}.hero-graphic{display:none}}html{font-size:14px}@media (width<=768px){html{font-size:13px}}:root,[data-theme=dark]{--bg-color:#161616;--text-primary:#fff;--text-secondary:#a0aab2;--accent-primary:#ff6b00;--accent-primary-glow:#ff6b0066;--orb-gradient:radial-gradient(circle, #5865f2 0%, #2c1065 70%, transparent 100%);--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--card-bg:#ffffff0a;--card-border:#ffffff14;--card-border-hover:#ff6b004d;--nav-scrolled-bg:#161616d9;--bg-light:#1e1e1e}[data-theme=light]{--bg-color:#f8f9fa;--text-primary:#111827;--text-secondary:#4b5563;--accent-primary:#ff6b00;--accent-primary-glow:#ff6b0040;--orb-gradient:radial-gradient(circle, #a5b4fc 0%, #e0e7ff 70%, transparent 100%);--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--card-bg:#00000008;--card-border:#00000014;--card-border-hover:#ff6b0066;--nav-scrolled-bg:#ffffffd9;--bg-light:#fff}*{box-sizing:border-box;margin:0;padding:0}.project-card,.stat-card,.testimonial-card,.experience-card,.contact-item{-webkit-backdrop-filter:blur(12px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s!important}@media (width<=768px){.project-card,.stat-card,.testimonial-card,.experience-card,.contact-item{padding:1.25rem!important}}.project-card:hover,.stat-card:hover,.testimonial-card:hover,.experience-card:hover{border-color:var(--card-border-hover);box-shadow:0 15px 35px #ff6b001a;transform:translateY(-10px)scale(1.02)!important}.bg-glow{z-index:-1;filter:blur(60px);pointer-events:none;background:radial-gradient(circle at 15%,#ff6b001f,#0000 45%),radial-gradient(circle at 85% 30%,#ff6b001a,#0000 45%);width:100vw;height:100vh;position:fixed;top:0;left:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{text-decoration:none;transition:opacity .2s,color .2s}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{z-index:100;-webkit-backdrop-filter:blur();background:0 0;border-bottom:1px solid #0000;width:100%;padding:2rem 0;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{background:var(--nav-scrolled-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);padding:.6rem 0;box-shadow:0 4px 30px #0000001a}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--text-primary);text-shadow:0 0 8px var(--accent-primary-glow)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;z-index:101;background:0 0;border:none;display:none}@media (width<=768px){.mobile-menu-btn{display:block}.nav-links{background:var(--nav-scrolled-bg);-webkit-backdrop-filter:blur(10px);z-index:100;border-left:1px solid var(--card-border);flex-direction:column;gap:2rem;width:250px;height:100vh;padding:6rem 2rem;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.active{right:0}}