@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Inter:wght@300;400;500;600&family=Fira+Code:wght@400;500&display=swap";:root{--bg-darker:#080808;--bg-dark:#0f0f0f;--bg-card:#0e0e0ecc;--border-subtle:#ffffff0d;--border-hover:#c5a88040;--accent-gold:#c5a880;--accent-gold-muted:#c5a88026;--accent-bronze:#8c7355;--text-cream:#f4f1ea;--text-gray:#a6a196;--text-dark:#57544e;--font-title:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--transition-slow:all .8s cubic-bezier(.16, 1, .3, 1);--transition-smooth:all .3s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c5a88033;border-radius:1.5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;z-index:2;height:100vh;position:relative;overflow-y:auto}.section-snap{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;width:100vw;height:100vh;padding:6rem 4rem 2rem;display:flex;position:relative;overflow:hidden}.canvas-background{z-index:1;pointer-events:auto;width:100vw;height:100vh;position:fixed;top:0;left:0}.floating-header{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#080808d9 0%,#0000 100%);border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 4rem;display:flex;position:fixed;top:0;left:0}.header-logo{font-family:var(--font-title);color:var(--text-cream);letter-spacing:3px;cursor:pointer;font-size:1.75rem;font-style:italic;font-weight:400}.header-logo span{color:var(--accent-gold);font-style:normal;font-weight:700}.header-nav{gap:2.25rem;list-style:none;display:flex}.nav-link-cinematic{color:var(--text-gray);font-family:var(--font-title);letter-spacing:2px;cursor:pointer;text-transform:uppercase;transition:var(--transition-smooth);background:0 0;border:none;padding:.4rem 0;font-size:.95rem;font-weight:400;position:relative}.nav-link-cinematic:hover,.nav-link-cinematic.active{color:var(--accent-gold)}.nav-link-cinematic:after{content:"";background:var(--accent-gold);width:0;height:1px;transition:var(--transition-smooth);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link-cinematic:hover:after,.nav-link-cinematic.active:after{width:100%}.sound-toggle-btn{width:38px;height:38px;color:var(--text-gray);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.sound-toggle-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.section-watermark{font-family:var(--font-title);color:#c5a88004;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:16rem;font-style:italic;font-weight:300;line-height:1;position:absolute;bottom:-2.5rem;right:-1rem}.section-watermark-text{transform-origin:0;font-family:var(--font-title);color:#c5a88003;letter-spacing:20px;text-transform:uppercase;pointer-events:none;font-size:4.5rem;font-weight:300;position:absolute;top:50%;left:3%;transform:translateY(-50%)rotate(-90deg)}.section-content-wrapper{z-index:5;flex-direction:column;justify-content:center;width:100%;max-width:1100px;height:100%;display:flex;position:relative}.cinematic-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:5rem;display:grid}.cinematic-num{font-family:var(--font-title);color:var(--accent-gold);letter-spacing:3px;margin-bottom:.75rem;font-size:1rem;font-style:italic;display:block}.cinematic-title{font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;margin-bottom:2rem;font-size:3.5rem;font-weight:300;line-height:1.1}.cinematic-title span{color:var(--text-cream)}.cinematic-desc{color:var(--text-gray);margin-bottom:2rem;font-size:1.05rem;font-weight:300;line-height:1.8}.hero-scrolldown{font-family:var(--font-title);letter-spacing:4px;color:var(--text-dark);flex-direction:column;align-items:center;gap:.75rem;font-size:.85rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-indicator-bar{background:linear-gradient(to bottom, var(--accent-gold), transparent);width:1px;height:50px;position:relative;overflow:hidden}.scroll-indicator-bar:after{content:"";background:var(--accent-gold);width:100%;height:12px;animation:2.5s ease-in-out infinite scroll-ping;position:absolute;top:0;left:0}@keyframes scroll-ping{0%{top:-12px}to{top:50px}}.btn-cyber{border:1px solid var(--border-subtle);color:var(--text-cream);font-family:var(--font-title);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:0;align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:400;display:inline-flex;position:relative}.btn-cyber:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-cyber-solid{border-color:var(--accent-gold);color:var(--accent-gold);background:#c5a8800d}.btn-cyber-solid:hover{background:var(--accent-gold);color:var(--bg-darker)}.glass-panel-cinematic{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:0;padding:2.5rem}.cinematic-stats-row{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:1rem;display:grid}.stat-item-cinematic{text-align:left;border-left:1px solid var(--border-subtle);padding-left:1.5rem}.stat-val-cinematic{font-family:var(--font-title);color:var(--accent-gold);font-size:2.5rem;font-weight:300}.stat-lbl-cinematic{color:var(--text-gray);text-transform:uppercase;letter-spacing:2px;margin-top:.25rem;font-size:.75rem}.hologram-avatar{justify-content:center;align-items:center;width:260px;height:340px;display:flex;position:relative}.avatar-image{object-fit:cover;border:1px solid var(--border-subtle);width:100%;height:100%;transition:var(--transition-slow)}.hologram-avatar:hover .avatar-image{border-color:var(--accent-gold)}.skills-cinematic-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.skill-card-cinematic{border:1px solid var(--border-subtle);transition:var(--transition-smooth);background:#ffffff03;border-radius:0;padding:2.25rem}.skill-card-cinematic:hover{border-color:var(--accent-gold);background:#c5a88005}.skill-card-cinematic h3{font-family:var(--font-title);color:var(--text-cream);letter-spacing:1px;margin-bottom:1.5rem;font-size:1.35rem;font-weight:400}.skills-list-tags{flex-wrap:wrap;gap:.6rem;display:flex}.skill-tag-glow{font-family:var(--font-body);border:1px solid var(--border-subtle);color:var(--text-gray);transition:var(--transition-smooth);background:0 0;border-radius:0;padding:.4rem .8rem;font-size:.75rem}.skill-tag-glow:hover{color:var(--accent-gold);border-color:var(--accent-gold)}.exp-cinematic-container{flex-direction:column;gap:2.5rem;display:flex}.exp-cinematic-card{border-left:1px solid var(--border-subtle);padding-left:2.5rem;position:relative}.exp-cinematic-card:before{content:"";background:var(--accent-gold);border-radius:50%;width:7px;height:7px;position:absolute;top:.35rem;left:-4px}.exp-cinematic-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.exp-cinematic-title h3{font-family:var(--font-title);font-size:1.5rem;font-weight:400}.exp-cinematic-title h4{color:var(--accent-gold);font-size:1rem;font-family:var(--font-title);margin-top:.25rem;font-style:italic;font-weight:400}.exp-cinematic-date{font-family:var(--font-mono);color:var(--text-dark);font-size:.85rem}.exp-cinematic-bullets{color:var(--text-gray);font-size:.95rem;line-height:1.7;list-style:none}.exp-cinematic-bullets li{margin-bottom:.5rem;padding-left:1.25rem;position:relative}.exp-cinematic-bullets li:before{content:"–";color:var(--accent-gold);position:absolute;left:0}.cert-card-interactive{border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;border-radius:0;align-items:center;gap:1rem;padding:1.25rem;display:flex}.cert-card-interactive:hover{border-color:var(--accent-gold);background:#c5a88008}.cert-icon{color:var(--accent-gold)}.cert-info h4{font-family:var(--font-title);color:var(--text-cream);font-size:1.1rem;font-weight:400}.cert-info p{color:var(--text-dark);margin-top:.15rem;font-size:.75rem}.projects-cinematic-viewer{flex-direction:column;height:62vh;display:flex}.projects-slider-container{flex:1;padding-right:1.5rem;overflow-y:auto}.projects-cinematic-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.proj-card-cinematic{background:var(--bg-card);border:1px solid var(--border-subtle);min-height:240px;transition:var(--transition-smooth);border-radius:0;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.proj-card-cinematic:hover{border-color:var(--accent-gold);background:#0e0e0ef2}.proj-image-container{border:1px solid var(--border-subtle);width:100%;height:140px;margin-bottom:1.25rem;overflow:hidden}.proj-image{object-fit:cover;filter:grayscale(20%)contrast();width:100%;height:100%;transition:var(--transition-smooth)}.proj-card-cinematic:hover .proj-image{filter:grayscale(0%);transform:scale(1.02)}.proj-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.proj-card-header h4{font-family:var(--font-title);letter-spacing:.5px;font-size:1.3rem;font-weight:400}.proj-card-desc{color:var(--text-gray);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.proj-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;display:flex}.proj-tag{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-gray);border-radius:0;margin-right:.4rem;padding:.25rem .6rem;font-size:.7rem}.btn-proj-link{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-gray);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-proj-link:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:scale(1.05)}.blog-cinematic-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.blog-card-cinematic{background:var(--bg-card);border:1px solid var(--border-subtle);min-height:380px;transition:var(--transition-smooth);border-radius:0;flex-direction:column;display:flex}.blog-card-cinematic:hover{border-color:var(--accent-gold);transform:translateY(-4px)}.blog-card-image-placeholder{border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#141414f2 0%,#0a0a0af2 100%);justify-content:center;align-items:center;height:170px;display:flex;position:relative}.blog-tag-badge{font-family:var(--font-title);border:1px solid var(--accent-gold);color:var(--accent-gold);padding:.25rem .6rem;font-size:.75rem;position:absolute;top:1rem;left:1rem}.blog-card-content{flex-direction:column;flex:1;padding:1.75rem;display:flex}.blog-meta-date{font-family:var(--font-mono);color:var(--text-dark);margin-bottom:.5rem;font-size:.75rem}.blog-card-content h3{font-family:var(--font-title);color:var(--text-cream);margin-bottom:.75rem;font-size:1.25rem;font-weight:400;line-height:1.4}.blog-card-content p{color:var(--text-gray);font-size:.85rem;font-weight:300;line-height:1.6}.blog-read-more{font-family:var(--font-title);color:var(--accent-gold);transition:var(--transition-smooth);align-items:center;gap:.4rem;margin-top:auto;font-size:.85rem;text-decoration:none;display:flex}.blog-read-more:hover{color:var(--text-cream);transform:translate(4px)}.console-cinematic-wrapper{height:60vh}.terminal-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:0;flex-direction:column;height:100%;display:flex;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.terminal-title{font-family:var(--font-title);color:var(--accent-gold);letter-spacing:1px;font-size:1rem}.terminal-body{font-family:var(--font-body);color:var(--text-cream);flex-direction:column;flex:1;gap:1.25rem;padding:1.75rem;font-size:.9rem;display:flex;overflow-y:auto}.terminal-prompt{color:var(--accent-gold);font-family:var(--font-title);gap:.5rem;margin-bottom:.25rem;font-size:.95rem;font-style:italic;display:flex}.terminal-prompt-user{color:var(--text-gray)}.terminal-response{color:var(--text-gray);white-space:pre-wrap;padding-left:0;line-height:1.6}.prompt-chips-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.6rem;padding:1.25rem 1.75rem .75rem;display:flex}.chip-btn{font-family:var(--font-title);border:1px solid var(--border-subtle);color:var(--text-gray);cursor:pointer;transition:var(--transition-smooth);background:0 0;padding:.4rem .85rem;font-size:.85rem}.chip-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.terminal-input-container{border-top:1px solid var(--border-subtle);background:#0a0a0af2;align-items:center;padding:1rem 1.75rem;display:flex}.terminal-input-prefix{font-family:var(--font-title);color:var(--accent-gold);margin-right:.5rem;font-size:.95rem;font-style:italic}.terminal-input{font-family:var(--font-body);color:var(--text-cream);caret-color:var(--accent-gold);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.contact-cinematic-grid{grid-template-columns:1fr 1.2fr;gap:5rem;display:grid}.contact-meta-cinematic{flex-direction:column;gap:2rem;display:flex}.contact-item-cinematic{align-items:center;gap:1.25rem;display:flex}.contact-icon-cinematic{border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--accent-gold);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-text-cinematic h4{color:var(--text-dark);text-transform:uppercase;letter-spacing:2px;margin-bottom:.15rem;font-size:.75rem}.contact-text-cinematic a,.contact-text-cinematic span{font-family:var(--font-title);color:var(--text-cream);transition:var(--transition-smooth);font-size:1.2rem;text-decoration:none}.contact-text-cinematic a:hover{color:var(--accent-gold)}.social-cinematic-row{gap:1rem;margin-top:1.5rem;display:flex}.social-circle-btn{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-gray);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-circle-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:scale(1.05)}.cyber-form{border:1px solid var(--border-subtle);background:#0e0e0e66;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.cyber-form-group{flex-direction:column;gap:.4rem;display:flex}.cyber-form-group label{font-family:var(--font-title);color:var(--accent-gold);text-transform:uppercase;letter-spacing:1.5px;font-size:.85rem}.cyber-input{border:1px solid var(--border-subtle);color:var(--text-cream);font-family:var(--font-body);transition:var(--transition-smooth);background:#080808bf;border-radius:0;outline:none;padding:.85rem 1rem;font-size:.9rem}.cyber-input:focus{border-color:var(--accent-gold)}textarea.cyber-input{resize:none}.handshake-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.handshake-icon{border:1px solid var(--accent-gold);width:60px;height:60px;color:var(--accent-gold);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=992px){.floating-header{height:80px;padding:0 2rem}.header-nav{display:none}.section-snap{scroll-snap-align:none;height:auto;min-height:100vh;padding:6rem 2rem 2rem}.scroll-container{scroll-snap-type:none;height:auto;overflow-y:auto}.cinematic-grid,.contact-cinematic-grid,.skills-cinematic-grid,.projects-cinematic-grid,.blog-cinematic-grid{grid-template-columns:1fr;gap:2.5rem}.cinematic-title{font-size:2.25rem}.cinematic-stats-row{grid-template-columns:repeat(2,1fr)}.projects-cinematic-viewer{height:auto}.hologram-avatar{width:200px;height:270px}}