@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg-main:#030303;--bg-card:#0d0d10a6;--bg-sidebar:#08080ad9;--gold-primary:#d4af37;--gold-secondary:#b58920;--gold-glow:#d4af372e;--border-glass:#d4af371f;--border-glass-hover:#d4af3759;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#6b7280;--font-heading:"Space Grotesk", sans-serif;--font-body:"Outfit", sans-serif;--frame-width:15px;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;font-weight:600}a{color:inherit;text-decoration:none;transition:all .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#08080a}::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-secondary)}.screen-frame{border:var(--frame-width) solid #000;pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.screen-frame-inner{pointer-events:none;border:1px solid #d4af3726;position:absolute;inset:2px}.layout-container{min-height:100vh;padding:var(--frame-width);background-color:#030303;display:flex}.sidebar{top:var(--frame-width);left:var(--frame-width);bottom:var(--frame-width);width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;flex-direction:column;justify-content:space-between;padding:40px 24px;display:flex;position:fixed;overflow-y:auto}.mobile-header{top:var(--frame-width);left:var(--frame-width);right:var(--frame-width);border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:110;background-color:#08080af2;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:none;position:fixed}.mobile-brand{font-family:var(--font-heading);color:#fff;letter-spacing:.05em;font-size:1.25rem;font-weight:700}.mobile-brand span{color:var(--gold-primary)}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:32px;height:24px;display:flex;position:relative}.hamburger-btn span{background-color:#fff;width:100%;height:2px;transition:all .3s;display:block}.hamburger-btn.active span:first-child{transform:translateY(11px)rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-11px)rotate(-45deg)}.main-workspace{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;padding:60px 80px}.profile-card{text-align:center;margin-bottom:5px}.avatar-container{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));width:110px;height:110px;box-shadow:0 0 20px var(--gold-glow);border-radius:50%;margin:0 auto 16px;padding:4px;position:relative}.avatar-image{object-fit:cover;border:3px solid #08080a;border-radius:50%;width:100%;height:100%}.profile-name{letter-spacing:-.01em;margin-bottom:4px;font-size:1.35rem;font-weight:700}.profile-title{color:var(--gold-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:500;font-family:var(--font-heading)}.sidebar-nav{flex-direction:column;gap:4px;margin:40px 0;list-style:none;display:flex}.nav-link-item{color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:500;display:flex}.nav-link-item:hover,.nav-link-item.active{color:#fff;background-color:#d4af370d;border-color:#d4af3726;box-shadow:inset 0 0 10px #d4af3708}.nav-link-item.active{background-color:#d4af3714;border-color:#d4af3759}.nav-link-item span.dot{background-color:var(--gold-primary);opacity:0;border-radius:50%;width:6px;height:6px;margin-right:12px;transition:all .3s}.nav-link-item.active span.dot{opacity:1;box-shadow:0 0 8px var(--gold-primary)}.social-hooks{justify-content:center;gap:16px;display:flex}.social-icon-btn{border:1px solid var(--border-glass);width:40px;height:40px;color:var(--text-muted);background-color:#14141980;border-radius:8px;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{color:var(--gold-primary);border-color:var(--gold-primary);box-shadow:0 0 10px var(--gold-glow);transform:translateY(-2px)}section.section-wrapper{border-bottom:1px solid #ffffff0a;padding:80px 0}section.section-wrapper:last-of-type{border-bottom:none}.section-tag{color:var(--gold-primary);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:600;font-family:var(--font-heading);margin-bottom:10px;display:inline-block}.section-title{margin-bottom:40px;font-size:2.5rem;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--gold-primary), transparent);width:50px;height:2px;position:absolute;bottom:-8px;left:0}.hero-stage{flex-direction:column;justify-content:center;min-height:80vh;display:flex;position:relative}.hero-glow{background:radial-gradient(circle, var(--gold-glow) 0%, transparent 70%);filter:blur(40px);pointer-events:none;z-index:-1;width:400px;height:400px;position:absolute;top:30%;left:10%}.hero-status-badge{border:1px solid var(--border-glass);color:var(--gold-primary);font-size:.85rem;font-weight:500;font-family:var(--font-heading);letter-spacing:.02em;background-color:#d4af3714;border-radius:20px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:8px 16px;display:inline-flex}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 10px #10b981}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-hello{color:var(--text-muted);margin-bottom:12px;font-size:1.5rem;font-weight:400}.hero-name{margin-bottom:16px;font-size:4.5rem;font-weight:700;line-height:1.1}.hero-name span{color:var(--gold-primary);text-shadow:0 0 30px #d4af3733}.hero-typing-wrap{color:var(--text-main);height:50px;font-size:2.25rem;font-family:var(--font-heading);margin-bottom:24px;font-weight:500}.hero-typing-cursor{color:var(--gold-primary);animation:1s step-end infinite blink}@keyframes blink{0%,to{color:#0000}50%{color:var(--gold-primary)}}.hero-desc{color:var(--text-muted);max-width:600px;margin-bottom:40px;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.btn-premium{cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-heading);border-radius:8px;align-items:center;gap:10px;padding:14px 28px;transition:all .3s;display:inline-flex}.btn-premium.primary{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));color:#000;border:none;box-shadow:0 4px 20px #d4af3740}.btn-premium.primary:hover{transform:translateY(-2px);box-shadow:0 4px 30px #d4af3773}.btn-premium.secondary{border:1px solid var(--border-glass);color:#fff;background-color:#14141980}.btn-premium.secondary:hover{border-color:var(--gold-primary);background-color:#d4af370d;transform:translateY(-2px);box-shadow:0 4px 20px #d4af371a}.about-split{grid-template-columns:1.2fr .8fr;gap:48px;display:grid}.about-text p{color:var(--text-muted);margin-bottom:20px;font-size:1.05rem}.about-details-list{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;list-style:none;display:grid}.about-detail-item{gap:12px;font-size:.95rem;display:flex}.about-detail-label{color:var(--text-muted);font-weight:500}.about-detail-value{color:#fff;font-weight:600}.stats-grid{grid-template-columns:1fr;gap:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-glass);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;transition:all .3s}.stat-card:hover{border-color:var(--border-glass-hover);transform:translateY(-3px);box-shadow:0 10px 30px #0003}.stat-number{color:var(--gold-primary);font-size:2.25rem;font-weight:700;font-family:var(--font-heading);text-shadow:0 0 15px #d4af3726;margin-bottom:4px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500}.skills-categories{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.skill-category-card{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px}.category-title{color:var(--gold-primary);border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:12px;font-size:1.35rem;display:flex}.skills-items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.skill-node{text-align:center;cursor:default;background-color:#14141999;border:1px solid #ffffff08;border-radius:10px;flex-direction:column;align-items:center;padding:16px 10px;transition:all .3s;display:flex}.skill-node:hover{border-color:var(--gold-primary);box-shadow:0 4px 15px var(--gold-glow);transform:translateY(-2px)}.skill-node svg,.skill-node i{margin-bottom:10px;font-size:1.8rem;display:block}.skill-node span{color:var(--text-muted);font-size:.85rem;font-weight:500}.skill-node:hover span{color:#fff}.project-filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.filter-btn{border:1px solid var(--border-glass);color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;background-color:#14141980;border-radius:20px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s}.filter-btn:hover,.filter-btn.active{color:#000;background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));border-color:#0000;box-shadow:0 4px 15px #d4af3733}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-glass-hover);box-shadow:0 15px 40px #0006, 0 0 20px var(--gold-glow);transform:translateY(-5px)}.project-img-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.project-img-fallback{width:100%;height:100%;color:var(--text-dark);background:linear-gradient(135deg,#111,#222);justify-content:center;align-items:center;display:flex}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover .project-img{transform:scale(1.05)}.project-card-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.project-tech-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tech-tag-badge{color:var(--text-muted);background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:4px 8px;font-size:.75rem}.project-card-title{margin-bottom:8px;font-size:1.25rem;line-height:1.3}.project-card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.5}.project-card-action{color:var(--gold-primary);cursor:pointer;align-items:center;gap:6px;width:fit-content;font-size:.85rem;font-weight:600;display:flex}.project-card-action:hover{text-shadow:0 0 8px #d4af3766}.project-card-action i{transition:transform .3s}.project-card-action:hover i{transform:translate(3px)}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;opacity:0;pointer-events:none;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-viewport{width:100%;max-width:800px;max-height:85vh;box-shadow:0 20px 50px #0009, 0 0 30px var(--gold-glow);background:#0a0a0ceb;border:1px solid #d4af3733;border-radius:20px;transition:transform .3s;overflow-y:auto;transform:scale(.95)}.modal-overlay.active .modal-viewport{transform:scale(1)}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-title{color:#fff;font-size:1.5rem}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s}.modal-close-btn:hover{color:var(--gold-primary)}.modal-body{padding:32px}.modal-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.meta-field{background-color:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;padding:16px}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem}.meta-value{color:#fff;font-size:.95rem;font-weight:600}.meta-value.gold{color:var(--gold-primary)}.modal-desc-heading{color:var(--gold-primary);font-size:1.15rem;font-family:var(--font-heading);margin-bottom:12px}.modal-desc-text{color:var(--text-muted);margin-bottom:30px;font-size:1rem;line-height:1.6}.modal-action-footer{border-top:1px solid #ffffff0d;gap:16px;padding-top:24px;display:flex}.timeline-track{max-width:800px;margin:0 auto;padding:20px 0;position:relative}.timeline-track:before{content:"";background:linear-gradient(180deg, var(--gold-primary), #d4af370d);width:2px;height:100%;position:absolute;top:0;left:20px}.timeline-node{margin-bottom:48px;padding-left:60px;position:relative}.timeline-node:last-of-type{margin-bottom:0}.timeline-bullet{border:4px solid var(--gold-primary);width:20px;height:20px;box-shadow:0 0 10px var(--gold-primary);z-index:10;background-color:#030303;border-radius:50%;position:absolute;top:6px;left:11px}.timeline-card{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;transition:all .3s}.timeline-node:hover .timeline-card{border-color:var(--border-glass-hover);transform:translate(4px);box-shadow:0 10px 25px #0000004d}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.timeline-date{border:1px solid var(--border-glass);color:var(--gold-primary);font-size:.8rem;font-family:var(--font-heading);background-color:#d4af3714;border-radius:4px;padding:4px 10px;font-weight:500}.timeline-role{color:#fff;font-size:1.2rem}.timeline-org{color:var(--gold-primary);margin-top:2px;font-size:.9rem;font-weight:500}.timeline-desc{color:var(--text-muted);font-size:.95rem;line-height:1.5}.certs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.cert-card{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.cert-card:hover{border-color:var(--border-glass-hover);transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.cert-icon{border:1px solid var(--border-glass);width:48px;height:48px;color:var(--gold-primary);background-color:#d4af370f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.cert-info h3{margin-bottom:4px;font-size:1rem;line-height:1.4}.cert-info p{color:var(--text-muted);font-size:.8rem}.journey-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.journey-card{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:all .3s;overflow:hidden}.journey-card:hover{border-color:var(--border-glass-hover);transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.journey-img-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.journey-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.journey-card:hover .journey-img{transform:scale(1.03)}.journey-body{padding:24px}.journey-date{color:var(--gold-primary);font-size:.8rem;font-family:var(--font-heading);margin-bottom:8px;display:block}.journey-title{margin-bottom:12px;font-size:1.25rem}.journey-text{color:var(--text-muted);font-size:.9rem;line-height:1.5}.contact-split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;display:grid}.contact-channels{flex-direction:column;gap:20px;display:flex}.contact-node{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;align-items:center;gap:16px;padding:20px 24px;display:flex}.contact-node-icon{border:1px solid var(--border-glass);width:44px;height:44px;color:var(--gold-primary);background-color:#d4af370d;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.contact-node-details h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px;font-size:.8rem}.contact-node-details p{font-size:.95rem;font-weight:600}.contact-node-details a:hover{color:var(--gold-primary)}.contact-form-box{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px}.form-group-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-field-wrap{margin-bottom:16px}.form-field-wrap.last{margin-bottom:24px}.form-input{border:1px solid var(--border-glass);color:#fff;width:100%;font-family:var(--font-body);background-color:#14141999;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:var(--gold-primary);background-color:#141419cc;outline:none;box-shadow:0 0 10px #d4af3726}textarea.form-input{resize:vertical;min-height:120px}.footer-area{border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:60px 0 40px;display:flex}.footer-copy,.footer-credits{color:var(--text-dark);font-size:.85rem}.footer-credits span{color:var(--gold-primary)}@media (max-width:1200px){.main-workspace{padding:60px 40px}}@media (max-width:991px){:root{--frame-width:0px}.screen-frame{display:none}.layout-container{flex-direction:column;padding:0}.mobile-header{display:flex;top:0;left:0;right:0}.sidebar{border-right:none;border-top:1px solid var(--border-glass);z-index:105;width:100vw;height:calc(100vh - 70px);padding:40px;transition:transform .4s cubic-bezier(.77,.2,.05,1);position:fixed;top:70px;bottom:0;left:0;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-workspace{width:100%;margin-left:0;padding:100px 24px 60px}.about-split{grid-template-columns:1fr;gap:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero-name{font-size:3.2rem}.hero-typing-wrap{height:auto;font-size:1.6rem}}@media (max-width:576px){.form-group-row{grid-template-columns:1fr;gap:0}.about-details-list{grid-template-columns:1fr;gap:12px}.footer-area{text-align:center;flex-direction:column;align-items:center}}