@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Fira+Code:wght@400;500&family=WindSong:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&family=Playfair+Display:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Fira+Code:wght@400;500&display=swap";.nav-toggle{position:fixed;top:2rem;right:2rem;z-index:10000;width:50px;height:50px;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.nav-toggle:hover{background:#000000f2;transform:scale(1.05);box-shadow:0 12px 40px #0009}.nav-toggle--scrolled{top:1rem}.nav-toggle-line{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-toggle--active .nav-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle--active .nav-toggle-line:nth-child(2){opacity:0;transform:translate(-20px)}.nav-toggle--active .nav-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.floating-nav{position:fixed;top:2rem;right:2rem;z-index:9999;opacity:0;visibility:hidden;transform:translate(20px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.floating-nav--open{opacity:1;visibility:visible;transform:translate(0);pointer-events:all}.floating-nav--scrolled{top:1rem}.nav-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d inset;min-width:200px}.nav-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:1.5rem;color:#fff9;font-family:Fira Code,monospace;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;overflow:hidden;white-space:nowrap}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00b4d81a,#ff8c501a);opacity:0;transition:opacity .3s ease;border-radius:1.5rem}.nav-item:hover{color:#ffffffe6;transform:translate(-5px)}.nav-item:hover:before{opacity:1}.nav-item--active{color:#fff;background:linear-gradient(135deg,#00b4d833,#ff8c5033);box-shadow:0 0 20px #00b4d84d}.nav-item--active .nav-icon{color:#00b4d8;text-shadow:0 0 10px rgba(0,180,216,.8);animation:pulse 2s ease-in-out infinite}.nav-icon{font-size:1rem;transition:all .3s ease}.nav-label{position:relative;z-index:1}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}from{opacity:0}to{opacity:1}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 1024px){.nav-toggle{width:45px;height:45px;top:1.5rem;right:1.5rem}.nav-toggle--scrolled{top:1rem}.floating-nav{top:1.5rem;right:1.5rem}.floating-nav--scrolled{top:1rem}.nav-container{min-width:180px}.nav-item{font-size:.8rem;padding:.625rem 1rem}}@media (max-width: 768px){.nav-toggle{width:50px;height:50px;top:1rem;right:1rem}.nav-toggle--scrolled{top:.75rem}.floating-nav{top:5rem;right:1rem;left:1rem}.floating-nav--scrolled{top:4.5rem}.nav-container{width:100%;min-width:auto}.nav-item{justify-content:flex-start;padding:1rem 1.5rem}.nav-item:hover{transform:translate(-3px)}}@media (max-width: 480px){.nav-toggle{width:45px;height:45px;top:.75rem;right:.75rem}.nav-toggle-line{width:20px}.floating-nav{top:4.5rem;right:.75rem;left:.75rem}.nav-container{padding:.75rem;gap:.25rem}.nav-item{font-size:.8rem;padding:.875rem 1.25rem}}@media (prefers-contrast: high){.nav-toggle,.nav-container{background:#000000fa;border:2px solid rgba(255,255,255,.3)}.nav-item{color:#fffc}.nav-item--active{color:#fff;background:#00b4d866}}@media (prefers-reduced-motion: reduce){.floating-nav,.nav-item,.nav-toggle,.nav-backdrop{transition:none;animation:none}}.footer{position:relative;background:linear-gradient(180deg,#000,#0a0a0a);color:#fffc;padding:4rem 2rem 2rem;overflow:hidden}.footer-card-section{display:flex;justify-content:center;align-items:center;padding:2rem 0 4rem;max-width:1400px;margin:0 auto}.luminous-card{position:relative;background:radial-gradient(circle at 50% 0%,#2a2a2a,#141414 64%);box-shadow:inset 0 1.01rem .2rem -1rem #00b4d800,inset 0 -1.01rem .2rem -1rem #0000,0 -1.02rem .2rem -1rem #00b4d800,0 1rem .2rem -1rem #000,0 0 0 1px #f5f5f033,0 4px 4px #0004,0 0 0 1px #333;width:18rem;height:24rem;border-radius:1.8rem;color:#f5f5f0;padding:1rem;display:flex;flex-direction:column;justify-content:end;transition:all .4s ease-in-out,translate .4s ease-out;font-family:Fira Code,Inter,sans-serif}.luminous-card:before{content:"";display:block;--offset: 1rem;width:calc(100% + 2 * var(--offset));height:calc(100% + 2 * var(--offset));position:absolute;left:calc(-1 * var(--offset));right:calc(-1 * var(--offset));top:calc(-1 * var(--offset));bottom:calc(-1 * var(--offset));margin:auto;box-shadow:inset 0 0 0 .06rem #f5f5f01a;border-radius:2.6rem;--ax: 4rem;clip-path:polygon(var(--ax) 0,0 0,0 var(--ax),var(--ax) var(--ax),var(--ax) calc(100% - var(--ax)),0 calc(100% - var(--ax)),0 100%,var(--ax) 100%,var(--ax) calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) 100%,100% 100%,100% calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) var(--ax),100% var(--ax),100% 0,calc(100% - var(--ax)) 0,calc(100% - var(--ax)) var(--ax),var(--ax) var(--ax));transition:all .4s ease-in-out}.luminous-card:hover{translate:0 -.2rem}.luminous-card:hover:before{--offset: .5rem;--ax: 8rem;border-radius:2.2rem;box-shadow:inset 0 0 0 .08rem #f5f5f00d}.light-layer{position:absolute;left:0;top:0;height:100%;width:100%;transform-style:preserve-3d;perspective:400px;pointer-events:none}.light-layer .slit{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:64%;height:1.2rem;transform:rotateX(-76deg);background:#121212;box-shadow:0 0 4px #00b4d800;transition:all .4s ease-in-out}.light-layer .lumen{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;pointer-events:none;perspective:400px;opacity:0;transition:opacity .4s ease-in-out}.lumen .min{width:70%;height:3rem;background:linear-gradient(#00b4d800,#00b4d899);position:absolute;left:0;right:0;top:0;bottom:2.5rem;margin:auto;transform:rotateX(-42deg);opacity:.4}.lumen .mid{width:74%;height:13rem;background:linear-gradient(#00b4d800,#ff8c5099);position:absolute;left:0;right:0;top:0;bottom:10em;margin:auto;transform:rotateX(-42deg);filter:blur(1rem);opacity:.8;border-radius:100% 100% 0 0}.lumen .hi{width:50%;height:13rem;background:linear-gradient(#ff8c5000,#00b4d899);position:absolute;left:0;right:0;top:0;bottom:12em;margin:auto;transform:rotateX(22deg);filter:blur(1rem);opacity:.6;border-radius:100% 100% 0 0}.light-layer .darken{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;pointer-events:none;perspective:400px;transition:opacity .4s ease-in-out;opacity:.5}.darken>*{transition:opacity .4s ease-in-out}.darken .sl{width:64%;height:10rem;background:linear-gradient(#000,#0000);position:absolute;left:0;right:0;top:9.6em;bottom:0;margin:auto;filter:blur(.2rem);opacity:.1;border-radius:0 0 100% 100%;transform:rotateX(-22deg)}.darken .ll{width:62%;height:10rem;background:linear-gradient(#000a,#0000);position:absolute;left:0;right:0;top:11em;bottom:0;margin:auto;filter:blur(.8rem);opacity:.4;border-radius:0 0 100% 100%;transform:rotateX(22deg)}.darken .slt{width:.5rem;height:4rem;background:linear-gradient(#0005,#0000);position:absolute;left:0;right:11.5rem;top:3.9em;bottom:0;margin:auto;opacity:.6;border-radius:0 0 100% 100%;transform:skewY(42deg)}.darken .srt{width:.5rem;height:4rem;background:linear-gradient(#0005,#0000);position:absolute;right:0;left:11.5rem;top:3.9em;bottom:0;margin:auto;opacity:.6;border-radius:0 0 100% 100%;transform:skewY(-42deg)}.card-icon{position:absolute;top:5rem;left:0;right:0;margin:auto;width:fit-content;filter:drop-shadow(0 -1.2rem 1px transparent);transition:filter .4s ease-in-out}.logo-text-container{text-align:center}.cap-text-card{font-family:Playfair Display,serif;font-size:1.5rem;position:relative;right:4rem;bottom:1.2rem;font-weight:700;color:#bbb;letter-spacing:.05em;margin:0;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 0 rgba(0,0,0,.25);transition:all .4s ease-in-out}.braco-text-card{font-family:WindSong,cursive;font-size:3.5rem;position:relative;bottom:.6rem;font-weight:500;color:#888;margin:-.5rem 0 0;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 0 rgba(0,0,0,.25);transition:all .4s ease-in-out}.card-bottom{position:relative;z-index:1}.card-bottom h4{margin:0;margin-bottom:1rem;font-size:1rem;color:#ccc}.card-bottom p{margin:0;padding-bottom:.6rem;color:#ffffff45;font-size:.6rem;font-weight:100;border-bottom:1px solid rgba(255,255,255,.07);max-width:64%}.card-toggle{position:absolute;right:0;bottom:0;height:2rem;width:4.8rem;border-radius:.6rem;background:#000;box-shadow:inset 0 -8px 8px .3rem #00000045,inset 0 0 1px .3rem #ddd,inset 0 -2px 1px .3rem #fff,inset 0 1px 2px .3rem #0006,inset 0 0 1px .8rem #aaa;cursor:pointer;transition:all .4s ease-in-out}.card-toggle:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:3.4rem;height:.68rem;border-radius:.2rem;background:#000;transition:all .4s ease-in-out}.card-handle{position:absolute;top:0;bottom:.04rem;margin:auto;left:.68rem;width:40%;height:30%;background:#aaa;border-radius:.2rem;box-shadow:inset 0 1px 4px #fff,inset 0 -1px 1px #000000ab,0 0 1px 1px #0003,1px 3px 6px 1px #000000ab;transition:all .4s ease-in-out}.card-toggle.active .card-handle{transform:translate(1.58rem)}.card-toggle span{pointer-events:none;text-align:center;position:absolute;left:0;right:0;margin:auto;bottom:calc(100% + .4rem);font-size:.5rem;font-weight:100;color:#555;opacity:0;transition:opacity .4s ease-in-out}.card-toggle:hover span{opacity:1}.card-toggle:not(.active):hover .card-handle{transform:translate(.2rem)}.luminous-card.active{box-shadow:inset 0 1.01rem .1rem -1rem #00b4d8ab,inset 0 -4rem 3rem -3rem #000000ab,0 -1.02rem .2rem -1rem #ff8c50ab,0 1rem .2rem -1rem #000,0 0 0 1px #ffffff21,0 4px 4px #00000045,0 0 0 1px #333,0 0 30px #00b4d84d}.luminous-card.active .slit{background:linear-gradient(90deg,#00b4d8,#ff8c50);box-shadow:0 0 20px #00b4d899,0 0 40px #ff8c5066}.luminous-card.active .lumen{opacity:.5}.luminous-card.active .darken{opacity:.8}.luminous-card.active .darken .sl{opacity:.2}.luminous-card.active .darken .ll,.luminous-card.active .darken .slt,.luminous-card.active .darken .srt{opacity:1}.luminous-card.active .card-icon{filter:drop-shadow(0 -1.2rem 4px rgba(0,180,216,.3)) drop-shadow(0 -.8rem 3px rgba(255,140,80,.2)) brightness(1.64)}.luminous-card.active .cap-text-card,.luminous-card.active .braco-text-card{color:#fff;text-shadow:0px -10px 6px rgba(0,0,0,.902)}.luminous-card.active .card-toggle:before{background:linear-gradient(90deg,#00b4d8cc,#ff8c50cc);box-shadow:0 0 .4rem .3rem #00b4d878}.luminous-card.active .card-handle{box-shadow:inset 0 1px 12px #fff,inset 0 -1px 1px #00b4d8ab,0 0 2px 1px #4443,1px 3px 6px 1px #00000045}.card-content .logo-section{position:absolute;top:3rem;left:0;right:0;margin:auto;width:fit-content;text-align:center;filter:drop-shadow(0 -1.2rem 1px transparent);transition:filter .4s ease-in-out}.card-content .logo-section a{display:block;text-decoration:none;color:inherit}.logo-section .cap-text{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:#ffffffb3;letter-spacing:.05em;margin:0;line-height:1;position:relative;text-align:left;top:.5em;text-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 0 rgba(0,0,0,.25),0 3px 0 rgba(0,0,0,.2);transition:text-shadow .4s ease-in-out,color .4s ease-in-out}.logo-section .braco-text{font-family:WindSong,cursive;font-size:3rem;font-weight:500;color:#ffffffb3;margin:-.5rem 0 0;line-height:1;letter-spacing:.02em;position:relative;top:.5em;text-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 0 rgba(0,0,0,.25),0 3px 0 rgba(0,0,0,.2);transition:text-shadow .4s ease-in-out,color .4s ease-in-out}.card-content .bottom{position:relative;z-index:1}.card-content .bottom h4{margin:0;margin-bottom:1rem;font-size:1.2rem;color:#ffffffb3}.card-content .bottom p{margin:0;padding-bottom:.6rem;color:#f5f5f04d;font-size:.6rem;font-weight:100;border-bottom:1px solid rgba(245,245,240,.1);max-width:64%}.card-content .toggle{position:absolute;right:0;bottom:0;height:2rem;width:4.8rem;border-radius:.6rem;background:#000;box-shadow:inset 0 -8px 8px .3rem #0004,inset 0 0 1px .3rem #ddd,inset 0 -2px 1px .3rem #fff,inset 0 1px 2px .3rem #0006,inset 0 0 1px .8rem #aaa;cursor:pointer;transition:all .4s ease-in-out}.card-content .toggle:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:3.4rem;height:.68rem;border-radius:.2rem;background:#000;transition:all .4s ease-in-out}.card-content .toggle .handle{position:absolute;top:0;bottom:.04rem;margin:auto;left:.68rem;width:40%;height:30%;background:#aaa;border-radius:.2rem;box-shadow:inset 0 1px 4px #fff,inset 0 -1px 1px #000a,0 0 1px 1px #0003,1px 3px 6px 1px #000a;transition:all .4s ease-in-out}.card-content .toggle.active .handle{transform:translate(1.58rem)}.card-content .toggle span{pointer-events:none;text-align:center;position:absolute;left:0;right:0;margin:auto;bottom:calc(100% + .4rem);font-size:.6rem;font-weight:100;color:#555;opacity:0;transition:opacity .4s ease-in-out}.card-content .toggle:hover span{opacity:1}.luminous-card.active .card-content .logo-section{filter:drop-shadow(0 -1.2rem 6px rgba(0,180,216,.4)) brightness(1.4)}.luminous-card.active .logo-section .cap-text,.luminous-card.active .logo-section .braco-text{color:#f5f5f0;text-shadow:0 0 10px rgba(0,180,216,.8),0 0 20px rgba(255,140,80,.6),0 0 30px rgba(0,180,216,.4),0 8px 4px rgba(0,0,0,.6)}.luminous-card.active .card-content .toggle:before{background:linear-gradient(90deg,#00b4d8,#ff8c50);box-shadow:0 0 .4rem .3rem #00b4d866}.footer-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:400px}.footer-logo{font-family:Playfair Display,serif;font-size:2rem;font-weight:800;margin:0 0 1rem;display:inline-flex;align-items:center;gap:.3rem}.brand-name{color:#fff}.bracket-cyan{color:#00b4d8;text-shadow:0 0 20px rgba(0,180,216,.6);animation:glowCyan 3s ease-in-out infinite}.bracket-orange{color:#ff8c50;text-shadow:0 0 20px rgba(255,140,80,.6);animation:glowOrange 3s ease-in-out infinite 1.5s;font-weight:100;position:relative;top:2px}.closing-tag{display:inline-flex;align-items:center;min-width:2ch;font-family:Fira Code,monospace}.typing-cursor{display:inline-block;color:#ff8c50;margin-left:2px;font-weight:400;animation:none}@keyframes glowCyan{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 30px rgba(0,180,216,.8)}}@keyframes glowOrange{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 30px rgba(255,140,80,.8)}}.footer-tagline{font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;color:#ffffff80;margin:0}.footer-heading{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 1.5rem;position:relative;display:inline-block}.footer-heading:after{content:"";position:absolute;bottom:-.5rem;left:0;width:30px;height:2px;background:linear-gradient(90deg,#00b4d8,#ff8c50)}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{font-family:Fira Code,monospace;font-size:.875rem;color:#fff9;text-decoration:none;transition:all .3s ease;position:relative;display:inline-block;width:fit-content}.footer-link:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all .3s ease}.footer-link:hover{color:#00b4d8;transform:translate(10px)}.footer-link:hover:before{opacity:1;left:-15px}.footer-social{display:flex;flex-direction:column;gap:.75rem}.social-link{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:#fff9;text-decoration:none;font-family:Fira Code,monospace;font-size:.875rem;border-radius:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00b4d81a,#ff8c501a);opacity:0;transition:opacity .3s ease}.social-link:hover{color:#fff;transform:translate(5px)}.social-link:hover:before{opacity:1}.social-icon{font-size:1.2rem;position:relative;z-index:1}.social-name{position:relative;z-index:1}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-family:Fira Code,monospace;font-size:.875rem;color:#fff6;margin:0}.copyright-symbol{color:#00b4d8}.copyright-text{color:#ffffff4d}.back-to-top{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#00b4d81a;border:1px solid rgba(0,180,216,.3);border-radius:2rem;color:#00b4d8;font-family:Fira Code,monospace;font-size:.875rem;cursor:pointer;transition:all .3s ease}.back-to-top:hover{background:#00b4d833;border-color:#00b4d880;transform:translateY(-3px);box-shadow:0 5px 20px #00b4d84d}.back-to-top-icon{font-size:1.2rem;animation:bounceUpSmall 2s ease-in-out infinite}@keyframes bounceUpSmall{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer-decoration{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(100px);opacity:.1;pointer-events:none}.footer-decoration--left{bottom:-150px;left:-150px;background:#00b4d8}.footer-decoration--right{top:-150px;right:-150px;background:#ff8c50}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1;max-width:none}.luminous-card{width:16rem;height:21rem}.braco-text-card{font-size:3.2rem}}@media (max-width: 768px){.footer{padding:3rem 1.5rem 1.5rem}.footer-card-section{padding:1rem 0 3rem}.luminous-card{width:14rem;height:19rem}.logo-section .cap-text{font-size:1.5rem}.logo-section .braco-text{font-size:2.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.footer-logo{font-size:1.5rem}.footer-bottom-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-copyright{font-size:.75rem}.back-to-top{width:100%;justify-content:center}.braco-text-card{font-size:3rem}}@media (max-width: 480px){.footer{padding:2rem 1rem 1rem}.luminous-card{width:12rem;height:17rem}.logo-section .cap-text{font-size:1.3rem}.logo-section .braco-text{font-size:2.2rem}.footer-logo{font-size:1.3rem}.footer-tagline{font-size:.8rem}.footer-heading{font-size:1rem}.footer-link,.social-link{font-size:.8rem}}*{box-sizing:border-box}.hero-intro-luxury{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0a0a0a;color:#d4d4d4}.geometric-bg{position:absolute;width:100%;height:100%;opacity:.04}.geo-circle{position:absolute;border:1px solid #fff;border-radius:50%;animation:pulse 8s ease-in-out infinite}.geo-circle:nth-child(1){width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.geo-circle:nth-child(2){width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2s}.geo-circle:nth-child(3){width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes pulse{0%,to{opacity:.04;transform:translate(-50%,-50%) scale(1)}50%{opacity:.08;transform:translate(-50%,-50%) scale(1.05)}}.diamond-ornament{position:absolute;width:15px;height:15px;background:transparent;border:1px solid rgba(255,255,255,.15);transform:rotate(45deg);animation:rotateDiamond 10s linear infinite}.diamond-ornament:nth-child(1){top:60px;left:60px}.diamond-ornament:nth-child(2){top:60px;right:60px;animation-delay:2.5s}.diamond-ornament:nth-child(3){bottom:60px;left:60px;animation-delay:5s}.diamond-ornament:nth-child(4){bottom:60px;right:60px;animation-delay:7.5s}@keyframes rotateDiamond{0%,to{transform:rotate(45deg)}50%{transform:rotate(135deg)}}.vertical-divider{position:absolute;width:1px;height:60%;top:20%;background:linear-gradient(to bottom,transparent,rgba(100,80,90,.3),transparent)}.vertical-divider:nth-child(1){left:25%;animation:fadeInOut 6s ease-in-out infinite}.vertical-divider:nth-child(2){right:25%;animation:fadeInOut 6s ease-in-out infinite 3s}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:.5}}.fog{position:absolute;width:200%;height:100%;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.9) 80%);animation:fogMove 20s ease-in-out infinite}@keyframes fogMove{0%,to{transform:translate(0)}50%{transform:translate(-25%)}}.hero-content{text-align:center;z-index:10;position:relative;max-width:900px;padding:0 40px}.top-symbol{font-size:28px;color:#78646e99;margin-bottom:35px;opacity:0;animation:symbolAppear 1.5s ease forwards .2s;filter:drop-shadow(0 0 15px rgba(120,100,110,.4))}@keyframes symbolAppear{0%{opacity:0;transform:translateY(-30px) rotate(-180deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.pre-title{font-size:10px;letter-spacing:8px;text-transform:uppercase;color:#555;margin-bottom:25px;opacity:0;animation:textFadeIn 1.2s ease forwards .5s;font-family:Cinzel,serif;font-weight:400}@keyframes textFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{font-family:Cinzel,serif;font-size:clamp(50px,8vw,90px);font-weight:700;letter-spacing:12px;margin-bottom:20px;opacity:0;animation:titleReveal 1.5s ease forwards .8s;color:#fff;text-shadow:0 0 40px rgba(120,100,110,.5),0 5px 20px rgba(0,0,0,.8);position:relative}@keyframes titleReveal{0%{opacity:0;transform:translateY(40px);letter-spacing:20px}to{opacity:1;transform:translateY(0);letter-spacing:12px}}.accent-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,rgba(120,100,110,.8),transparent);margin:35px auto;position:relative;opacity:0;animation:lineExpand 1.5s ease forwards 1.1s}.accent-line:before,.accent-line:after{content:"◆";position:absolute;top:-7px;font-size:14px;color:#78646ecc}.accent-line:before{left:-20px}.accent-line:after{right:-20px}@keyframes lineExpand{0%{opacity:0;width:0}to{opacity:1;width:200px}}.hero-statement{font-family:Cormorant Garamond,serif;font-size:clamp(18px,3vw,26px);font-weight:400;font-style:italic;color:#bbb;margin-bottom:30px;opacity:0;animation:textFadeIn 1.2s ease forwards 1.3s;min-height:40px;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.statement-verb{position:relative;display:inline-block;color:#888;font-style:italic;transition:all .1s ease}.statement-verb.glitching{animation:glitch-skew .4s cubic-bezier(.25,.46,.45,.94);color:#fff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(255,0,255,.6),0 0 30px rgba(0,255,255,.4)}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(2deg)}20%{transform:skew(-2deg)}30%{transform:skew(1deg)}40%{transform:skew(-1deg)}50%{transform:skew(0)}60%{transform:skew(-1deg)}70%{transform:skew(1deg)}80%{transform:skew(-2deg)}90%{transform:skew(2deg)}to{transform:skew(0)}}.glitch-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-layer:nth-child(1){color:#0ff;animation:glitch-1 .4s cubic-bezier(.25,.46,.45,.94);text-shadow:2px 0 #00ffff;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-layer:nth-child(2){color:#f0f;animation:glitch-2 .4s cubic-bezier(.25,.46,.45,.94);text-shadow:-2px 0 #ff00ff;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-1{0%,to{transform:translate(0)}10%{transform:translate(-3px,2px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}50%{transform:translate(-3px,-2px)}60%{transform:translate(3px,2px)}70%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}90%{transform:translate(-1px,2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}15%{transform:translate(3px,-2px)}25%{transform:translate(-3px,2px)}35%{transform:translate(2px,-1px)}45%{transform:translate(-2px,1px)}55%{transform:translate(3px,2px)}65%{transform:translate(-3px,-2px)}75%{transform:translate(2px,1px)}85%{transform:translate(-2px,-1px)}95%{transform:translate(1px,-2px)}}.statement-verb.glitching:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(ellipse at center,rgba(0,255,255,.3) 0%,rgba(255,0,255,.2) 30%,transparent 70%);animation:flash .4s ease-out;pointer-events:none;border-radius:8px;filter:blur(10px)}@keyframes flash{0%,to{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:.8}40%{opacity:0}50%{opacity:1}60%{opacity:0}}.statement-verb.glitching:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f,#0ff,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.6;mix-blend-mode:screen;animation:rgb-split .4s steps(2,end)}@keyframes rgb-split{0%,to{transform:translate(0)}33%{transform:translate(2px,1px)}66%{transform:translate(-2px,-1px)}}.typed-text{color:#fff;position:relative}.cursor{color:#78646ecc;animation:blink 1s step-end infinite;margin-left:3px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.description{font-family:Cormorant Garamond,serif;font-size:clamp(15px,2vw,19px);line-height:2;font-style:italic;color:#888;margin-bottom:40px;opacity:0;animation:textFadeIn 1.2s ease forwards 1.5s;max-width:650px;margin-left:auto;margin-right:auto;letter-spacing:1px}.bottom-symbol{font-size:18px;color:#78646e80;margin-top:50px;opacity:0;animation:symbolAppear 1.5s ease forwards 1.7s;filter:drop-shadow(0 0 10px rgba(120,100,110,.3))}.dust-particles{position:absolute;width:100%;height:100%;overflow:hidden}.dust{position:absolute;width:1px;height:1px;background:#78646e4d;border-radius:50%;animation:dustFloat 20s infinite linear;box-shadow:0 0 5px #78646e4d}.dust:nth-child(1){left:15%;animation-delay:0s;animation-duration:18s}.dust:nth-child(2){left:25%;animation-delay:3s;animation-duration:22s}.dust:nth-child(3){left:35%;animation-delay:6s;animation-duration:20s}.dust:nth-child(4){left:45%;animation-delay:2s;animation-duration:24s}.dust:nth-child(5){left:55%;animation-delay:5s;animation-duration:19s}.dust:nth-child(6){left:65%;animation-delay:8s;animation-duration:21s}.dust:nth-child(7){left:75%;animation-delay:4s;animation-duration:23s}.dust:nth-child(8){left:85%;animation-delay:7s;animation-duration:17s}@keyframes dustFloat{0%{bottom:-5%;opacity:0;transform:translate(0)}10%{opacity:.5}90%{opacity:.5}to{bottom:105%;opacity:0;transform:translate(100px)}}.ink-drop{position:absolute;top:-10%;width:2px;height:0;background:linear-gradient(to bottom,transparent,rgba(100,80,90,.4));animation:inkFall 8s ease-in infinite}.ink-drop:nth-child(1){left:18%;animation-delay:0s}.ink-drop:nth-child(2){left:45%;animation-delay:3s}.ink-drop:nth-child(3){left:72%;animation-delay:6s}.ink-drop:nth-child(4){left:88%;animation-delay:2s}@keyframes inkFall{0%{height:0;top:-10%;opacity:0}20%{height:150px;opacity:.6}to{top:110%;height:150px;opacity:0}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem;letter-spacing:8px}.hero-statement{flex-direction:column;gap:.25rem;min-height:60px}.diamond-ornament{width:12px;height:12px}.diamond-ornament:nth-child(1){top:30px;left:30px}.diamond-ornament:nth-child(2){top:30px;right:30px}.diamond-ornament:nth-child(3){bottom:30px;left:30px}.diamond-ornament:nth-child(4){bottom:30px;right:30px}}.intro-section{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f7,#e6e6e8);z-index:20;transition:opacity 2s ease-out,transform 2s ease-out}.intro-section.mobile-fade-out{opacity:0;transform:scale(.95)}.intro-content{text-align:center;padding:0 20px}.intro-title{position:relative;width:auto;margin:0;padding:0}.intro-title h2{position:absolute;top:-10vmin;left:-10vmin;font-size:13vmin;font-family:Playfair Display,serif;margin:0;color:#000}.intro-title h4{font-size:4vmin;font-weight:100;font-style:italic;margin:0;position:relative;bottom:10vmin;left:8vmin;text-align:right;font-family:Playfair Display,serif;color:#000}#intro-title-main{font-family:WindSong,cursive;font-weight:400;font-style:normal;font-size:25vmin;margin:0;color:#000!important}canvas#fire-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:10}@media (max-width: 768px){.intro-title h2{font-size:10vmin}#intro-title-main{font-size:20vmin}.intro-title h4{font-size:4vmin;bottom:6vmin;left:6vmin}.intro-section.mobile-fade-out{transition:opacity 1.5s ease-out,transform 1.5s ease-out}}.skills-section-luxury{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.skills-section-luxury:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,180,216,.2),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,140,80,.15),transparent),radial-gradient(1px 1px at 50% 50%,rgba(0,180,216,.1),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,140,80,.15),transparent),radial-gradient(2px 2px at 90% 60%,rgba(0,180,216,.2),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,140,80,.1),transparent);background-size:200% 200%;animation:particleFloat 20s ease-in-out infinite;pointer-events:none}@keyframes particleFloat{0%,to{transform:translate(0)}50%{transform:translate(-10px,-10px)}}.skills-container-luxury{max-width:1400px;width:100%;display:grid;grid-template-columns:40% 60%;gap:2rem;align-items:center}.skills-photo-luxury{position:relative;height:85vh;max-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.profile-image-luxury{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(5%) contrast(1.2) brightness(.95);position:relative;z-index:1;border-radius:4px}.skills-orbital-container{position:relative;height:85vh;max-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center}.skills-title-luxury{position:absolute;top:1%;left:5%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;z-index:10}.title-line-luxury{font-size:1rem;font-weight:400;letter-spacing:.3em;color:#ffffff80;text-transform:uppercase;line-height:1.2;font-family:Playfair Display,serif}.title-main-luxury{font-size:2.2rem;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase;line-height:1.2;font-family:Playfair Display,serif;background:linear-gradient(135deg,#fff,#64c8d8,#ff8c50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.orbital-system{position:relative;width:100%;height:100%;max-width:650px;max-height:650px;display:flex;align-items:center;justify-content:center}.particles-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 25% 15%,rgba(0,180,216,.3),transparent),radial-gradient(1px 1px at 75% 85%,rgba(255,140,80,.25),transparent),radial-gradient(2px 2px at 45% 55%,rgba(0,180,216,.2),transparent);opacity:.6;animation:particleGlow 4s ease-in-out infinite}@keyframes particleGlow{0%,to{opacity:.4}50%{opacity:.7}}.orbital-rings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;filter:drop-shadow(0 0 8px rgba(0,180,216,.4))}.ring-outer-1{animation:orbitSlow 60s linear infinite;transform-origin:center}.ring-outer-2{animation:orbitSlow 45s linear infinite reverse;transform-origin:center}.ring-outer-3{animation:orbitSlow 35s linear infinite;transform-origin:center}.ring-inner-1{animation:orbitFast 30s linear infinite reverse;transform-origin:center}.ring-inner-2{animation:orbitFast 25s linear infinite;transform-origin:center}.core-ring-1{animation:coreRingSpin 8s linear infinite;transform-origin:center}.core-ring-2{animation:coreRingSpin 6s linear infinite reverse;transform-origin:center}.core-ring-3{animation:coreRingSpin 4s linear infinite;transform-origin:center}@keyframes orbitSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes coreRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skill-nodes-luxury{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.skill-node-luxury{position:absolute;transform:translate(-50%,-50%);opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1)}.skill-node-luxury.active{opacity:1;animation:nodeAppear 1s cubic-bezier(.34,1.56,.64,1)}@keyframes nodeAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.node-glow-container{position:relative;display:flex;align-items:center;justify-content:center}.node-dot-luxury{position:relative;width:75px;height:75px;background:radial-gradient(circle at 30% 30%,#141e23fa,#0a0f14);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #00b4d899,0 0 15px #00b4d880,0 0 30px #00b4d84d,inset 0 2px 10px #000000e6;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-node-luxury:nth-child(2n) .node-dot-luxury{box-shadow:0 0 0 2px #ff8c5099,0 0 15px #ff8c5080,0 0 30px #ff8c504d,inset 0 2px 10px #000000e6}.node-dot-luxury:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#00b4d8e6,#64c8ff80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9}.skill-node-luxury:nth-child(2n) .node-dot-luxury:before{background:linear-gradient(135deg,#ff8c50e6,#ff6b3580)}.dot-inner-luxury{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,180,216,.15),transparent 70%)}.skill-node-luxury:nth-child(2n) .dot-inner-luxury{background:radial-gradient(circle at 30% 30%,rgba(255,140,80,.15),transparent 70%)}.node-dot-luxury:hover{transform:scale(1.15);box-shadow:0 0 0 3px #00b4d8,0 0 25px #00b4d8cc,0 0 50px #00b4d880,inset 0 2px 10px #000000e6}.skill-node-luxury:nth-child(2n) .node-dot-luxury:hover{box-shadow:0 0 0 3px #ff8c50,0 0 25px #ff8c50cc,0 0 50px #ff8c5080,inset 0 2px 10px #000000e6}.node-icon-luxury{font-size:2rem;filter:drop-shadow(0 2px 10px rgba(0,180,216,.6));color:#64c8fff2}.skill-node-luxury:nth-child(2n) .node-icon-luxury{filter:drop-shadow(0 2px 10px rgba(255,140,80,.6));color:#ffa064f2}.skill-label-luxury{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;text-align:center;max-width:240px}.skill-name-luxury{font-family:Playfair Display,serif;font-size:.9rem;font-weight:400;font-style:italic;color:#ffffffe6;letter-spacing:.03em;display:block;line-height:1.4;text-shadow:0 0 8px rgba(0,180,216,.4),0 2px 8px rgba(0,0,0,.9)}.power-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:80px;height:80px}.core-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(0,180,216,.5) 0%,transparent 70%);filter:blur(20px);animation:coreGlowPulse 3s ease-in-out infinite}@keyframes coreGlowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.core-border-rotate{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-top-color:#00b4d8cc;border-right-color:#00b4d899;border-radius:50%;animation:coreBorderSpin 3s linear infinite}@keyframes coreBorderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.core-inner-static{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#00b4d84d,#0a1419);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #00b4d8b3,0 0 20px #00b4d899,0 0 40px #00b4d84d,inset 0 0 30px #000000e6}.core-icon{font-size:2.2rem;filter:drop-shadow(0 0 8px rgba(0,180,216,.9));color:#64c8fff2}@media (max-width: 1024px){.skills-container-luxury{grid-template-columns:1fr;gap:3rem}.skills-photo-luxury{height:50vh;max-height:400px;width:100%}.profile-image-luxury{object-position:top}.skills-orbital-container{height:70vh}.orbital-system{max-width:500px;max-height:500px;aspect-ratio:1 / 1}}@media (max-width: 768px){.skills-section-luxury{padding:1rem}.skills-container-luxury{gap:2rem}.skills-photo-luxury{height:40vh;max-height:350px;width:100%;border-radius:8px}.profile-image-luxury{object-position:top;border-radius:8px}.skills-orbital-container{height:60vh}.orbital-system{max-width:400px;max-height:400px;width:90vw;height:90vw;max-width:min(400px,90vw);max-height:min(400px,90vw);aspect-ratio:1 / 1}.title-main-luxury{font-size:1.5rem}.title-line-luxury{font-size:.85rem}.node-dot-luxury{width:60px;height:60px}.node-icon-luxury{font-size:1.6rem}.core-inner-static{width:65px;height:65px}.core-icon{font-size:1.8rem}.skill-name-luxury{font-size:.75rem;max-width:180px}}@media (max-width: 480px){.skills-photo-luxury{height:35vh;max-height:300px;width:100%}.profile-image-luxury{object-position:top 20%}.skills-orbital-container{height:55vh}.orbital-system{max-width:320px;max-height:320px;width:85vw;height:85vw;max-width:min(320px,85vw);max-height:min(320px,85vw)}.node-dot-luxury{width:50px;height:50px}.node-icon-luxury{font-size:1.3rem}.core-inner-static{width:55px;height:55px}.core-icon{font-size:1.5rem}.skill-name-luxury{font-size:.7rem;max-width:150px}.title-main-luxury{font-size:1.2rem}.title-line-luxury{font-size:.75rem}}.slider-section{background:#000;min-height:100vh;padding:4rem 0;overscroll-behavior:contain;position:relative;overflow:hidden}.slider-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,180,216,.15),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,140,80,.12),transparent),radial-gradient(2px 2px at 50% 80%,rgba(0,180,216,.1),transparent);animation:particlesDrift 30s ease-in-out infinite;pointer-events:none}@keyframes particlesDrift{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}:root{--gap: 1.25rem;--speed: .55s cubic-bezier(.25, .46, .45, .94);--closed: 5rem;--open: 30rem;--cyan: rgba(0, 180, 216, 1);--orange: rgba(255, 140, 80, 1)}.head{max-width:1400px;margin:auto;padding:70px 20px 40px;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:relative;z-index:1}.head-title{display:flex;align-items:center;gap:1.5rem}.bracket-left{color:var(--cyan);text-shadow:0 0 20px rgba(0,180,216,.6)}.bracket-right{color:var(--orange);text-shadow:0 0 20px rgba(255,140,80,.6);animation-delay:1.5s}.head h2{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:.15em;background:linear-gradient(135deg,#fff,#64c8d8,#ff8c50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-transform:uppercase}.nav-btn{width:2.5rem;height:2.5rem;border:2px solid rgba(0,180,216,.4);border-radius:50%;background:radial-gradient(circle,#1e2832f2,#0a0f14fa);color:#64c8fff2;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0009}.nav-btn:hover:not(:disabled){border-color:var(--cyan);background:radial-gradient(circle,#00b4d833,#0a141efa);color:var(--cyan);box-shadow:0 0 25px #00b4d880;transform:scale(1.1)}.nav-btn:last-child{border-color:#ff8c5066;color:#ffa064f2}.nav-btn:last-child:hover:not(:disabled){border-color:var(--orange);background:radial-gradient(circle,#ff8c5033,#0a141efa);color:var(--orange);box-shadow:0 0 25px #ff8c5080}.nav-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#ffffff1a}.slider{max-width:1400px;margin:auto;overflow:hidden;position:relative;z-index:1}.controls{display:flex;flex-direction:row;gap:.5rem}.track{display:flex;gap:var(--gap);align-items:flex-start;justify-content:center;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:40px;padding-top:2rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.track::-webkit-scrollbar{display:none}.project-card{position:relative;flex:0 0 var(--closed);height:28rem;border-radius:1rem;overflow:hidden;cursor:pointer;transition:flex-basis var(--speed),transform var(--speed),box-shadow var(--speed);box-shadow:0 10px 30px #00000080}.project-card[active]{flex-basis:var(--open);transform:translateY(-6px);box-shadow:0 0 0 2px #00b4d880,0 18px 55px #0009,0 0 40px #00b4d84d}.project-card[active]:nth-child(2n){box-shadow:0 0 0 2px #ff8c5080,0 18px 55px #0009,0 0 40px #ff8c504d}.project-card p{color:#f8f8ff!important}.project-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(75%);transition:filter .3s,transform var(--speed)}.project-card:hover .project-card__bg{filter:brightness(.9) saturate(100%);transform:scale(1.06)}.project-card__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:0;background:linear-gradient(transparent 40%,#000000d9);z-index:2}.project-card__title{color:#fff;font-family:Playfair Display,serif;font-weight:700;font-size:1.35rem;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.05em;padding:.5rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));border-radius:4px;text-shadow:0 2px 8px rgba(0,0,0,.9)}.project-card__info{display:flex;flex-direction:column;gap:.8rem;align-items:center;justify-content:center;height:100%;width:100%}.project-card__thumb,.project-card__desc,.project-card__buttons{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.project-card[active] .project-card__content{flex-direction:row;align-items:center;padding:1.2rem 2rem;gap:1.1rem}.project-card[active] .project-card__info{align-items:flex-start;justify-content:center;height:auto}.project-card[active] .project-card__title{writing-mode:horizontal-tb;transform:none;font-size:2.4rem;background:linear-gradient(135deg,#fff,#64c8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0;text-shadow:0 0 20px rgba(0,180,216,.4)}.project-card[active]:nth-child(2n) .project-card__title{background:linear-gradient(135deg,#fff,#ff8c50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,140,80,.4)}.project-card[active] .project-card__thumb,.project-card[active] .project-card__desc,.project-card[active] .project-card__buttons{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .18s ease,visibility 0s;max-height:200px}.project-card__thumb{width:133px;height:269px;border-radius:.45rem;object-fit:cover;box-shadow:0 4px 10px #0006,0 0 20px #00b4d833}.project-card[active]:nth-child(2n) .project-card__thumb{box-shadow:0 4px 10px #0006,0 0 20px #ff8c5033}.project-card__desc{color:#f8f8ff;font-family:Playfair Display,serif;font-style:italic;font-size:1rem;line-height:1.4;max-width:16rem;text-shadow:0 2px 8px rgba(0,0,0,.9);padding:.5rem .75rem;background:#00000080;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card__buttons{display:flex;flex-direction:row;gap:.75rem;align-items:center}.project-card__btn{display:inline-block;padding:.6rem 1.5rem;border:2px solid var(--cyan);border-radius:9999px;background:#00b4d81a;color:var(--cyan);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Fira Code,monospace;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card__btn a{color:inherit;text-decoration:none}.project-card__btn:hover{background:var(--cyan);color:#000;box-shadow:0 0 20px #00b4d880;transform:translateY(-2px)}.project-card[active]:nth-child(2n) .project-card__btn{border-color:var(--orange);color:var(--orange);background:#ff8c501a}.project-card[active]:nth-child(2n) .project-card__btn:hover{background:var(--orange);color:#000;box-shadow:0 0 20px #ff8c5080}.project-card__github{width:42px;height:42px;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:#ffffff0d;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card__github svg{width:22px;height:22px}.project-card__github:hover{border-color:#fff;background:#ffffff26;color:#fff;box-shadow:0 0 20px #ffffff4d;transform:translateY(-2px) scale(1.05)}.dots{display:flex;gap:.5rem;justify-content:center;padding:20px 0;position:relative;z-index:1}.dot{width:13px;height:13px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.dot:hover{background:#fff6;transform:scale(1.1)}.dot.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 15px #00b4d899;transform:scale(1.2)}.dot:nth-child(2n).active{background:var(--orange);border-color:var(--orange);box-shadow:0 0 15px #ff8c5099}@media (max-width: 767px){:root{--closed: 100%;--open: 70%;--gap: .8rem}.slider{padding:0 15px;overflow:hidden}.track{display:flex;flex-direction:column;align-items:top;justify-content:flex-start;gap:var(--gap);height:min(70vh,560px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory;padding:18px 0}.project-card{width:100%;flex:0 0 auto;min-height:84px;height:auto;scroll-snap-align:start}.project-card[active]{min-height:320px;transform:none}.project-card__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;padding:1rem}.project-card__info{display:flex;flex-direction:column;gap:.8rem;align-items:center;justify-content:center;height:100%;width:100%}.project-card__title{writing-mode:horizontal-tb;transform:none;text-align:left;margin:0 auto;max-height:90%}.project-card__thumb,.project-card__desc,.project-card__buttons{max-height:0;overflow:hidden}.project-card[active] .project-card__content{display:flex;padding:1.35rem}.project-card[active] .project-card__top{display:flex;align-items:flex-start;gap:.9rem}.project-card[active] .project-card__thumb{display:block!important;width:10rem;height:12rem;border-radius:.6rem;object-fit:cover;margin:0;float:left;margin-right:.9rem;margin-bottom:.6rem}.project-card[active] .project-card__title{font-size:1.6rem;padding:0;margin:.15rem 0 .2rem;background:linear-gradient(135deg,#fff,#64c8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;align-items:flex-start;justify-content:center;height:auto}.project-card[active] .project-card__info{align-items:flex-start;justify-content:center;height:auto}.project-card[active]:nth-child(2n) .project-card__title{background:linear-gradient(135deg,#fff,#ff8c50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-card[active] .project-card__desc{display:block!important;font-size:.95rem;max-width:100%;margin:.35rem 0 .75rem;clear:both}.project-card[active] .project-card__buttons{display:flex!important;gap:.75rem;align-items:center;width:100%}.project-card[active] .project-card__btn{display:inline-flex;align-items:center;justify-content:center;flex:1;padding:.75rem;font-size:.85rem}.project-card[active] .project-card__github{display:inline-flex;flex:0 0 auto}.dots{display:none}}.carousel-section{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 0;position:relative;overflow:hidden}.storm-clouds{position:absolute;width:100%;height:100%;opacity:.3;filter:blur(100px);animation:stormMove 20s ease-in-out infinite;pointer-events:none}.storm-clouds.cyan{background:radial-gradient(ellipse at 20% 30%,rgba(0,180,216,.3) 0%,transparent 50%);animation-delay:0s}.storm-clouds.orange{background:radial-gradient(ellipse at 80% 70%,rgba(255,140,80,.3) 0%,transparent 50%);animation-delay:10s}@keyframes stormMove{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}.carousel-container{max-width:1600px;width:100%;padding:0 2rem;position:relative;z-index:1}.carousel-header{text-align:center;margin-bottom:3rem}.header-top{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.bracket-left,.bracket-right{font-family:Fira Code,monospace;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;animation:bracketPulse 3s ease-in-out infinite}.bracket-left{color:#00b4d8e6;text-shadow:0 0 20px rgba(0,180,216,.6)}.bracket-right{color:#ff8c50e6;text-shadow:0 0 20px rgba(255,140,80,.6);animation-delay:1.5s}@keyframes bracketPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.carousel-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:.15em;background:linear-gradient(135deg,#fff,#64c8d8,#ff8c50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-transform:uppercase}.header-subtitle{font-family:Playfair Display,serif;font-size:clamp(.9rem,1.5vw,1.1rem);font-style:italic;color:#fff9;margin-bottom:1.5rem;letter-spacing:.05em}.divider-line{width:300px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,180,216,.6) 30%,rgba(255,140,80,.6) 70%,transparent);margin:0 auto;position:relative;animation:lineGlow 3s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.6}50%{opacity:1}}.divider-line:before,.divider-line:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:-3px;animation:dotGlow 2s ease-in-out infinite}.divider-line:before{left:0;background:#00b4d8e6;box-shadow:0 0 12px #00b4d8cc}.divider-line:after{right:0;background:#ff8c50e6;box-shadow:0 0 12px #ff8c50cc;animation-delay:1s}@keyframes dotGlow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}.storm-container{position:relative;width:100%;overflow:hidden;background:transparent;padding:2rem 0}.cloud-blur{position:absolute;pointer-events:none;z-index:11;filter:blur(40px)}.cloud-blur.left{left:0;top:0;bottom:0;width:200px;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,transparent 100%)}.cloud-blur.right{right:0;top:0;bottom:0;width:200px;background:linear-gradient(270deg,rgba(0,0,0,.9) 0%,transparent 100%)}.cyan-cloud{box-shadow:inset -80px 0 120px #00b4d866}.orange-cloud{box-shadow:inset 80px 0 120px #ff8c5066}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,#1e2832f2,#0a0f14fa);border:2px solid rgba(0,180,216,.5);color:#64c8fff2;font-size:1.3rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #0009,0 0 30px #00b4d84d}.nav-arrow:hover{transform:translateY(-50%) scale(1.15);border-color:#00b4d8e6;box-shadow:0 0 40px #00b4d899,0 4px 25px #000000b3;color:#64dcff}.nav-arrow.left{left:1rem}.nav-arrow.right{right:1rem;border-color:#ff8c5080;color:#ffa064f2}.nav-arrow.right:hover{border-color:#ff8c50e6;box-shadow:0 0 40px #ff8c5099,0 4px 25px #000000b3;color:#ffb478}.play-pause-btn{position:absolute;bottom:1.5rem;right:1.5rem;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#1e2832f2,#0a0f14fa);border:2px solid rgba(0,180,216,.6);color:#64c8fff2;font-size:1.1rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0009,0 0 25px #00b4d84d}.play-pause-btn:hover{transform:scale(1.15);border-color:#00b4d8e6;box-shadow:0 0 35px #00b4d899}.play-pause-btn.paused{border-color:#ff8c5099;color:#ffa064f2}.play-pause-btn.paused:hover{border-color:#ff8c50e6;box-shadow:0 0 35px #ff8c5099}.carousel-slider{overflow-x:auto;overflow-y:hidden;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;padding:2rem 0}.carousel-slider::-webkit-scrollbar{display:none}.carousel-slider:active{cursor:grabbing}.slider-track{display:flex;gap:2rem;padding:0 2rem}.slide{flex:0 0 400px;position:relative;transition:all .8s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.slide.centered-zoom{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.2);z-index:1000;width:600px}.slide.filtered .video-container{filter:grayscale(.7) brightness(.4) blur(2px);opacity:.5}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 15px 50px #000c,0 0 0 2px #00b4d833;transition:all .8s ease}.slide.centered-zoom .video-container{box-shadow:0 30px 100px #000000f2,0 0 0 3px #00b4d8cc,0 0 60px #00b4d899,inset 0 0 80px #00b4d814;border-radius:16px}.video-container video{width:100%;height:100%;object-fit:cover;display:block}.video-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.95) 100%);padding:3rem 2rem 2rem;opacity:0;transform:translateY(20px);transition:all .8s ease;pointer-events:none}.slide.centered-zoom .video-info-overlay{opacity:1;transform:translateY(0)}.video-title-main{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 0 20px rgba(0,180,216,.6),0 2px 10px rgba(0,0,0,.9);letter-spacing:.05em}.video-description{font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic;color:#ffffffd9;line-height:1.6;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.video-accent-line{width:80px;height:3px;background:linear-gradient(90deg,rgba(0,180,216,.9),rgba(255,140,80,.6),transparent);box-shadow:0 0 15px #00b4d899;animation:accentGlow 2s ease-in-out infinite}@keyframes accentGlow{0%,to{opacity:.7;width:80px}50%{opacity:1;width:100px}}@media (max-width: 1024px){.carousel-container{padding:0 1.5rem}.slide{flex:0 0 350px}.slide.centered-zoom{width:550px;transform:translate(-50%,-50%) scale(1.15)}.nav-arrow{width:50px;height:50px}}@media (max-width: 768px){.carousel-section{padding:3rem 0}.carousel-container{padding:0 1rem}.carousel-header{margin-bottom:2rem}.slide{flex:0 0 300px}.slide.centered-zoom{width:90vw;max-width:500px;transform:translate(-50%,-50%) scale(1.05)}.slider-track{gap:1.5rem}.nav-arrow{width:45px;height:45px;font-size:1.1rem}.play-pause-btn{width:45px;height:45px;bottom:1rem;right:1rem}.cloud-blur.left,.cloud-blur.right{width:120px}.video-title-main{font-size:1.4rem}.video-description{font-size:.95rem}.film-reel-border{height:30px}}@media (max-width: 480px){.carousel-title{font-size:2rem;letter-spacing:.1em}.slide{flex:0 0 280px}.slide.centered-zoom{width:95vw}.video-title-main{font-size:1.2rem}.video-description{font-size:.85rem}.nav-arrow{width:40px;height:40px}.nav-arrow.left{left:.5rem}.nav-arrow.right{right:.5rem}.film-reel-border{height:25px}}.video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#00b4d8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.resume-section{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden}.resume-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 15% 25%,rgba(0,180,216,.15),transparent),radial-gradient(1px 1px at 85% 75%,rgba(255,140,80,.12),transparent),radial-gradient(1px 1px at 45% 45%,rgba(0,180,216,.1),transparent),radial-gradient(2px 2px at 65% 15%,rgba(255,140,80,.1),transparent),radial-gradient(1px 1px at 25% 85%,rgba(0,180,216,.12),transparent);background-size:200% 200%;animation:particlesMove 25s ease-in-out infinite;pointer-events:none}@keyframes particlesMove{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-20px,-20px);opacity:.8}}.resume-container{max-width:1200px;width:100%;position:relative;z-index:1}.resume-header{margin-bottom:3rem;position:relative}.header-decoration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.bracket{font-size:clamp(2rem,4vw,3rem);font-weight:700;font-family:Fira Code,monospace;animation:bracketGlow 3s ease-in-out infinite}.bracket.cyan{color:#64c8ffe6;text-shadow:0 0 20px rgba(0,180,216,.6);animation-delay:0s}.bracket.orange{color:#ffa064e6;text-shadow:0 0 20px rgba(255,140,80,.6);animation-delay:1.5s}@keyframes bracketGlow{0%,to{opacity:.7;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.resume-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#fff,#64c8d8,#ff8c50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,180,216,.6) 30%,rgba(255,140,80,.6) 70%,transparent);margin:0 auto;position:relative;animation:lineExpand 2s ease-out}@keyframes lineExpand{0%{width:0;opacity:0}to{width:200px;opacity:1}}.header-line:before,.header-line:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;top:-2px}.header-line:before{left:0;background:#00b4d8cc;box-shadow:0 0 10px #00b4d8cc}.header-line:after{right:0;background:#ff8c50cc;box-shadow:0 0 10px #ff8c50cc}.code-editor-wrapper{background:linear-gradient(135deg,#0a0f14f2,#050a0ffa);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #00b4d833,0 10px 40px #000c,0 0 60px #00b4d81a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:editorAppear 1s cubic-bezier(.16,1,.3,1)}@keyframes editorAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.editor-tabs{display:flex;align-items:center;justify-content:space-between;background:#0f1419e6;border-bottom:1px solid rgba(0,180,216,.2);padding:.5rem 1rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#141e2899;border-radius:6px 6px 0 0;font-family:Fira Code,monospace;font-size:.85rem;color:#ffffffb3;transition:all .3s ease}.tab.active{background:#00b4d826;border-top:2px solid rgba(0,180,216,.6);color:#64c8fff2}.tab-icon{color:#00b4d8cc;font-size:.6rem}.tab-name{font-weight:500}.tab-close{font-size:1.2rem;opacity:.5;cursor:pointer;transition:opacity .2s}.tab-close:hover{opacity:1;color:#ff8c50e6}.tab-controls{display:flex;gap:.75rem;align-items:center}.control{font-size:1.2rem;color:#fff6;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.control:hover{color:#64c8ffcc}.control.close:hover{color:#ff6464e6}.code-content{background:#0a0f14cc;position:relative;overflow-x:auto}.code-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,180,216,.3) 20%,rgba(255,140,80,.3) 80%,transparent);animation:scanline 3s linear infinite}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.code-content::-webkit-scrollbar{height:8px}.code-content::-webkit-scrollbar-track{background:#0000004d}.code-content::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00b4d899,#ff8c5099);border-radius:4px}.code-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#00b4d8cc,#ff8c50cc)}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background:#050a0fe6;border-top:1px solid rgba(0,180,216,.15);font-family:Fira Code,monospace;font-size:.75rem;color:#ffffff80}.footer-left,.footer-right{display:flex;gap:1.5rem;align-items:center}.footer-item{display:flex;align-items:center;gap:.4rem}.icon-dot{width:8px;height:8px;border-radius:50%;animation:dotPulse 2s ease-in-out infinite}.icon-dot.cyan{background:#00b4d8cc;box-shadow:0 0 8px #00b4d899}.icon-dot.orange{background:#ff8c50cc;box-shadow:0 0 8px #ff8c5099;animation-delay:1s}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.resume-bottom-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,216,.4) 20%,rgba(255,140,80,.4) 80%,transparent);margin-top:2rem}@media (max-width: 1024px){.resume-section{padding:3rem 1.5rem}.code-editor-wrapper{border-radius:8px}}@media (max-width: 768px){.resume-section{padding:2rem 1rem}.resume-header{margin-bottom:2rem}.header-decoration{gap:.5rem}.bracket{font-size:1.5rem}.resume-title{font-size:2rem}.editor-tabs{padding:.4rem .75rem}.tab{padding:.4rem .75rem;font-size:.75rem}.tab-controls{gap:.5rem}.editor-footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.footer-left,.footer-right{gap:1rem}.code-content{font-size:.7rem}}@media (max-width: 480px){.resume-title{font-size:1.5rem}.tab-name{display:none}.tab-icon{font-size:.8rem}.footer-item{font-size:.65rem}.code-content pre{padding:1rem!important}}.projects-gallery-section{background-color:#000;color:#fff;height:100vh;overflow:hidden;position:relative}.col-scroll{display:flex;justify-content:center;min-height:100vh;width:95vw;margin:0 auto}.col-scroll__box{display:flex;flex-direction:column;padding:4vh 0 15vh;margin:0 2vw}.col-scroll__box:nth-child(odd){flex-direction:column-reverse;height:100vh}.col-scroll__list{display:flex;flex-direction:column;will-change:transform;gap:2rem}.col-scroll__box:nth-child(odd) .col-scroll__list{flex-direction:column-reverse}.col-scroll__item{margin:0;padding:0}.col-scroll__img{aspect-ratio:6/7;height:auto;object-fit:cover;width:25vw;display:block}.col-scroll__title{margin:12px 0 16px;color:#fff;font-family:Playfair Display,serif}@media (max-width: 1024px){.col-scroll__img{width:30vw}}@media (max-width: 768px){.col-scroll__img{width:40vw}.col-scroll__box:nth-child(3){display:none}}@media (max-width: 480px){.col-scroll__img{width:45vw}}.contact-section{background:#000;min-height:100vh;padding:4rem 2rem;position:relative;overflow:hidden;display:grid;place-items:center}.contact-section:before{--size: 45px;--line: rgba(255, 255, 255, .08);content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);mask:linear-gradient(-20deg,transparent 50%,white);pointer-events:none;z-index:0}.contact-section>*{position:relative;z-index:1}.contact-particles{display:none}.contact-main{display:flex;flex-wrap:wrap;gap:3rem;align-items:center;justify-content:center;max-width:1200px;width:100%}.contact-content{flex:1;min-width:min(400px,100%);max-width:500px}.contact-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.05rem;line-height:1;color:#fff;margin:0 0 1.5rem}.contact-subtitle{font-family:Playfair Display,serif;font-size:1.1rem;color:#ffffffb3;font-weight:300;line-height:1.6;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:Playfair Display,serif;font-size:.9rem;color:#ffffffb3;font-weight:500}.form-group input,.form-group textarea{font-family:Playfair Display,serif;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fff6;background:#ffffff14}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px}.keypad-hint{font-family:Playfair Display,serif;font-size:.875rem;color:#ffffff80;margin-top:.5rem}.status-message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:6px;font-family:Playfair Display,serif;font-size:.9rem;margin-top:.5rem;animation:slideIn .3s ease-out}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.error-message svg{flex-shrink:0;color:#ef4444}.error-message p{margin:0;line-height:1.4}.success-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;animation:fadeInScale .5s ease-out}.success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#10b981;animation:checkmarkDraw .6s ease-out .2s both}.success-icon svg{filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.success-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.02em}.success-text{font-family:Playfair Display,serif;font-size:1.1rem;color:#ffffffb3;line-height:1.6;margin:0 0 2rem;max-width:400px}.success-button{font-family:Playfair Display,serif;padding:.875rem 1.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease}.success-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.success-button:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}:root{--travel: 20}.keypad{position:relative;aspect-ratio:400 / 310;display:flex;place-items:center;width:clamp(280px,35vw,400px);-webkit-tap-highlight-color:transparent;transition-property:translate,transform,opacity;transition-duration:.26s;transition-timing-function:ease-out;transform-style:preserve-3d;opacity:0}.key{transform-style:preserve-3d;border:0;background:transparent;padding:0;cursor:pointer;outline:none;transition:opacity .3s ease}.key:disabled{cursor:not-allowed;opacity:.5}.key[data-pressed=true] .key__content,.key:active:not(:disabled) .key__content{translate:0 calc(var(--travel) * 1%)}.key__content{width:100%;display:inline-block;height:100%;transition:translate .12s ease-out;container-type:inline-size}.keypad__single .key__text{width:52%;height:62%;translate:45% -16%}.key__text{height:46%;width:86%;position:absolute;font-size:12cqi;z-index:21;top:5%;left:0;color:#f0f0f0;translate:8% 10%;transform:rotateX(36deg) rotateY(45deg) rotateX(-90deg) rotate(0);text-align:left;padding:1ch;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}.keypad__single{position:absolute;width:40.5%;left:54%;bottom:36%;height:46%;clip-path:polygon(0 0,54% 0,89% 24%,100% 70%,54% 100%,46% 100%,0 69%,12% 23%,47% 0%);mask:url(https://assets.codepen.io/605876/keypad-single.png?format=auto&quality=86) 50% 50% / 100% 100%}.keypad__single.keypad__single--left{left:29.3%;bottom:54.2%}.keypad__single .key__text{font-size:18cqi}.keypad__single img{top:0;opacity:1;width:96%;position:absolute;left:50%;translate:-50% 1%}.key__mask{width:100%;height:100%;display:inline-block}.keypad__double{position:absolute;background:#ff2b0000;width:64%;height:65%;left:6%;bottom:17.85%;clip-path:polygon(34% 0,93% 44%,101% 78%,71% 100%,66% 100%,0 52%,0 44%,7% 17%,30% 0);mask:url(https://assets.codepen.io/605876/keypad-double.png?format=auto&quality=86) 50% 50% / 100% 100%}.keypad__double img{top:0;opacity:1;width:99%;position:absolute;left:50%;translate:-50% 1%}.key img{filter:hue-rotate(calc(var(--hue, 0) * 1deg)) saturate(var(--saturate, 1)) brightness(var(--brightness, 1));transition:translate .12s ease-out;width:100%}.keypad__base{position:absolute;bottom:0;width:100%}.keypad__base img{width:100%;transition:translate .12s ease-out}@media (max-width: 768px){.contact-main{flex-direction:column;gap:2rem}.contact-content{order:1}.keypad{order:2;width:clamp(240px,70vw,350px)}.contact-title{font-size:1.75rem}.contact-subtitle{font-size:1rem}.success-container{padding:2rem 1rem}.success-title{font-size:1.5rem}.success-text{font-size:1rem}}@media (max-width: 480px){.contact-section{padding:2rem 1rem}.keypad{width:90vw;max-width:280px}.form-group input,.form-group textarea{font-size:.9rem;padding:.65rem .85rem}.success-icon{width:64px;height:64px}.success-icon svg{width:48px;height:48px}}.honeypot-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.character-count{font-family:Playfair Display,serif;font-size:.75rem;color:#fff6;margin-top:.25rem;text-align:right;display:block}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar-thumb:active{background:#fff6}.light-section::-webkit-scrollbar-thumb{background:#0003}.light-section::-webkit-scrollbar-thumb:hover{background:#0000004d}.light-section::-webkit-scrollbar-thumb:active{background:#0006}html{scroll-behavior:smooth}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00b4d8,#ff8c50);border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00c9e6,#ffad70)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.App{position:relative;margin:0;padding:0}.landing-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;overflow:hidden;margin:0;padding:0}.page-content{position:relative;margin-top:100vh;background:#fff;z-index:2;margin-left:0;margin-right:0;padding:0}