@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:beige;font-family:Playfair Display,Georgia,Times New Roman,serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--card-red:#8b0000;--card-green:#006400;--card-gold:#daa520;--card-cream:beige;--card-navy:#1a1a2e;--card-silver:silver;--card-burgundy:#800020;--card-emerald:#50c878;--card-black:#000}.btn{cursor:pointer}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-container,.main-content{background:#1a1a2e;background:var(--card-navy)}.main-content{position:relative;z-index:5}.card-style{background:beige;background:var(--card-cream);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f,inset 0 1px 0 #ffffff1a;transition:all .3s ease}.card-style:hover{box-shadow:0 8px 16px #00000026,0 4px 8px #0000001a,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.suit-symbol{color:#8b0000;color:var(--card-red);font-size:1.2em;text-shadow:0 0 8px #8b00004d}.suit-symbol.green{color:#006400;color:var(--card-green);text-shadow:0 0 8px #0064004d}.suit-symbol.gold{color:#daa520;color:var(--card-gold);text-shadow:0 0 8px #daa5204d}.card-flip{perspective:1000px;transform-style:preserve-3d}.card-flip-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.card-flip:hover .card-flip-inner{transform:rotateY(180deg)}.card-flip-back,.card-flip-front{align-items:center;backface-visibility:hidden;border-radius:12px;display:flex;font-family:Playfair Display,serif;height:100%;justify-content:center;position:absolute;width:100%}.card-flip-front{background:beige;background:var(--card-cream);border:2px solid #8b0000;border:2px solid var(--card-red);color:#1a1a2e;color:var(--card-navy)}.card-flip-back{background:#8b0000;background:var(--card-red);border:2px solid #daa520;border:2px solid var(--card-gold);color:beige;color:var(--card-cream);transform:rotateY(180deg)}.deal-card{animation:dealCard .6s ease-out}@keyframes dealCard{0%{opacity:0;transform:translateX(-100vw) rotateY(180deg) scale(.5)}50%{opacity:.5;transform:translateX(-50px) rotateY(90deg) scale(.8)}to{opacity:1;transform:translateX(0) rotateY(0deg) scale(1)}}.shuffle-card{animation:shuffleCard .4s ease-in-out}@keyframes shuffleCard{0%,to{transform:translateX(0) rotateY(0deg)}25%{transform:translateX(-10px) rotateY(-5deg)}75%{transform:translateX(10px) rotateY(5deg)}}.royal-flush{animation:royalGlow 2s ease-in-out infinite alternate}@keyframes royalGlow{0%{box-shadow:0 0 20px #daa520,0 0 40px #8b0000,0 0 60px #006400;box-shadow:0 0 20px var(--card-gold),0 0 40px var(--card-red),0 0 60px var(--card-green)}to{box-shadow:0 0 30px #daa520,0 0 60px #8b0000,0 0 90px #006400;box-shadow:0 0 30px var(--card-gold),0 0 60px var(--card-red),0 0 90px var(--card-green)}}.suit-pulse{animation:suitPulse 3s ease-in-out infinite}@keyframes suitPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.card-hover{cursor:pointer;transition:all .3s ease}.card-hover:hover{box-shadow:0 15px 30px #0000004d,0 0 20px #daa520;box-shadow:0 15px 30px #0000004d,0 0 20px var(--card-gold);transform:translateY(-8px) rotateX(5deg)}.ace-highlight{overflow:hidden;position:relative}.ace-highlight:before{animation:aceShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#daa5201a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes aceShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.floating-card{animation:floatCard 20s ease-in-out infinite;opacity:.05;position:absolute}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-5deg)}}.card-stack{position:relative}.card-stack:after,.card-stack:before{background:beige;background:var(--card-cream);border:1px solid #fff3;border-radius:12px;content:"";height:100%;position:absolute;width:100%;z-index:-1}.card-stack:before{opacity:.3;transform:translateY(-4px) rotate(-1deg)}.card-stack:after{opacity:.1;transform:translateY(-8px) rotate(1deg)}.navbar{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;border-bottom:1px solid #fff0;font-family:Playfair Display,serif;left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:background .4s ease,border-color .4s ease,padding .4s ease,-webkit-backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease,padding .4s ease;transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease,padding .4s ease,-webkit-backdrop-filter .4s ease;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border-bottom-color:#daa52033;box-shadow:0 4px 20px #0006;padding:.8rem 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-container,.navbar-logo,.navbar-logo a{align-items:center;display:flex}.navbar-logo a{color:var(--card-cream);text-decoration:none}.logo-circle{align-items:center;background:linear-gradient(135deg,var(--card-red),var(--card-gold));border-radius:50%;box-shadow:0 0 20px #8b00004d;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease;width:50px}.logo-circle:hover{transform:scale(1.05)}.logo-circle:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2ecc;border-radius:50%;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.logo-text{color:var(--card-cream);font-size:1.2rem;font-weight:800;letter-spacing:1px;position:relative;z-index:2}.logo-ring{animation:rotate 4s linear infinite;background:linear-gradient(45deg,#0000,#8b000099,#0000);border:2px solid #0000;border-radius:50%;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:var(--card-cream);font-family:Playfair Display,serif;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--card-gold)}.nav-link.active{color:var(--card-red)}.nav-link:after{background:linear-gradient(135deg,var(--card-red),var(--card-gold));bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.navbar-cta{align-items:center;display:flex}.resume-link{background:linear-gradient(135deg,var(--card-red),var(--card-gold));border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #8b00004d;color:var(--card-cream);font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s ease}.resume-link:hover{background:#0000;border-color:var(--card-gold);box-shadow:0 4px 12px #daa5204d;color:var(--card-gold);transform:translateY(-1px)}.mobile-menu-toggle{background:#8b00001a;border:1px solid #8b000033;border-radius:8px;cursor:pointer;display:none;flex-direction:column;padding:.5rem}.mobile-menu-toggle span{background:var(--card-cream);border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}.mobile-menu-toggle.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media (max-width:768px){.navbar-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-top:1px solid #daa52033;flex-direction:column;gap:1rem;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.navbar-menu.active{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-toggle{display:flex}.navbar-container{padding:0 1rem}}@media (max-width:480px){.navbar-container{padding:0 .5rem}.logo-circle{height:40px;width:40px}.logo-text{font-size:1rem}.resume-link{font-size:.9rem;padding:.5rem 1rem}}.header{align-items:center;background:linear-gradient(135deg,var(--card-navy) 0,#000 100%);display:flex;font-family:Playfair Display,serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.header:before{background:radial-gradient(circle at 20% 80%,#8b00001a 0,#0000 50%),radial-gradient(circle at 80% 20%,#0064001a 0,#0000 50%),radial-gradient(circle at 40% 40%,#daa5200d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header:after{animation:floatCard 25s ease-in-out infinite;color:#8b00001a;content:"♠️ ♣️ ♥️ ♦️";font-size:3rem;left:5%;top:10%}.header .floating-card-1,.header:after{pointer-events:none;position:absolute;z-index:1}.header .floating-card-1{animation:floatCard 30s ease-in-out infinite reverse;color:#00640014;font-size:2rem;right:10%;top:20%}.header .floating-card-2{animation:floatCard 35s ease-in-out infinite;bottom:30%;color:#daa5200f;font-size:1.5rem;left:15%;pointer-events:none;position:absolute;z-index:1}.header .floating-card-3{animation:floatCard 28s ease-in-out infinite reverse;color:#8b000012;font-size:2.5rem;pointer-events:none;position:absolute;right:20%;top:60%;z-index:1}.header-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;text-align:center;z-index:10}.header-content-centered{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero-text-container{margin-bottom:3rem;position:relative;z-index:10}.hero-title-wrapper-3d{max-width:800px;perspective:1000px;width:100%}.css-3d-text-container,.hero-title-wrapper-3d{margin-bottom:2rem;position:relative;transform-style:preserve-3d}.css-3d-text-container{z-index:10}.css-3d-wrapper{display:inline-block;position:relative;transform-style:preserve-3d}.css-3d-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--card-gold),var(--card-red));-webkit-background-clip:text;background-clip:text;color:var(--card-gold);font-size:4rem;font-weight:700;letter-spacing:2px;margin:0;text-align:center;text-shadow:0 0 20px #daa52080,0 0 40px #daa5204d,0 0 60px #daa5201a;transform:translateZ(1px);transform-style:preserve-3d}.css-3d-fullstack,.css-3d-text{font-family:Playfair Display,serif}.css-3d-developer,.css-3d-fullstack{color:var(--card-cream);font-size:2.5rem;font-weight:600;letter-spacing:1px;margin:1rem 0;text-align:center}.css-3d-developer{font-family:Playfair Display,serif}.css-3d-text:hover{transform:scale(1.02);transition:transform .3s ease}.orbit-system{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100%}.orbit-container-gsap{height:1px;left:50%;top:50%;width:1px}.orbit-container-gsap,.orbit-icon-gsap{position:absolute;transform-style:preserve-3d;will-change:transform}.orbit-icon-gsap{align-items:center;backface-visibility:hidden;background:var(--card-cream);border:2px solid var(--card-red);border-radius:50%;box-shadow:0 0 15px var(--card-red);box-shadow:0 0 15px var(--glow-color,var(--card-red));cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;width:60px}.orbit-icon-gsap:hover{background:var(--card-gold);box-shadow:0 0 25px var(--card-red),0 0 20px #daa52066;box-shadow:0 0 25px var(--glow-color,var(--card-red)),0 0 20px #daa52066;transform:scale(1.1)}.orbit-icon-gsap .orbiting-svg,.orbiting-svg{filter:invert(100%) sepia(0) saturate(0) hue-rotate(93deg) brightness(103%) contrast(103%);height:100%;object-fit:contain;transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transition:filter .3s ease;width:100%;will-change:filter}.orbit-icon-gsap:hover .orbiting-svg{filter:invert(74%) sepia(33%) saturate(4510%) hue-rotate(285deg) brightness(97%) contrast(94%)}.icon-symbol-gsap{color:var(--card-red);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:900;text-shadow:0 0 8px var(--card-red)}.hero-description{color:var(--card-cream);font-family:Playfair Display,serif;font-size:1.4rem;font-weight:400;line-height:1.6;margin:0;max-width:600px;position:relative;z-index:10}.header-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:4rem;margin-top:2rem;position:relative;z-index:10}.btn{border:2px solid #0000;border-radius:12px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1.2rem 2.5rem;perspective:1000px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--card-red),var(--card-gold));box-shadow:0 4px 8px #8b00004d;color:var(--card-cream);position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 15px 35px #8b000066,0 0 20px var(--card-gold);transform:translateY(-3px) rotateX(5deg)}.btn-secondary{background:#0000;border-color:var(--card-gold);color:var(--card-gold);overflow:hidden;position:relative}.btn-secondary:before{background:linear-gradient(90deg,#0000,#daa5201a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:var(--card-gold);box-shadow:0 8px 20px #daa5204d;color:var(--card-navy);transform:translateY(-3px) rotateX(5deg)}.btn{position:relative;transform-style:preserve-3d}.btn:after{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:10px;bottom:2px;content:"";left:2px;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .3s ease}.btn:hover:after{opacity:1}.scroll-indicator{align-items:center;bottom:2rem;color:var(--card-cream);display:flex;flex-direction:column;font-size:.9rem;gap:.8rem;left:50%;position:fixed;transform:translateX(-50%);transition:opacity .3s ease;z-index:10}.mouse-icon{background:#daa5201a;border:2px solid var(--card-gold);border-radius:12px;height:40px;position:relative;width:24px}.mouse-wheel{animation:mouseScroll 2s ease-in-out infinite;background:var(--card-gold);border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:3px}@keyframes mouseScroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(10px)}}@media (max-width:1024px){.css-3d-text{font-size:3rem}.orbit-icon-gsap{height:50px;width:50px}.icon-symbol-gsap{font-size:1.4rem}}@media (max-width:768px){.header-container{padding:0 1rem}.css-3d-text{font-size:2.5rem}.hero-description{font-size:1.2rem}.header-actions{flex-direction:column;gap:1rem}.btn{font-size:1rem;padding:1rem 2rem}.orbit-icon-gsap{height:45px;width:45px}.icon-symbol-gsap{font-size:1.2rem}}@media (max-width:480px){.css-3d-text{font-size:2rem}.hero-description{font-size:1.1rem}.orbit-icon-gsap{height:40px;width:40px}.icon-symbol-gsap{font-size:1rem}}.mywork{align-items:center;display:flex;flex-direction:column;gap:80px;justify-content:center;margin:80px 170px;max-width:100%;overflow-x:hidden}.mywork-title{position:relative}.mywork-title h1{color:var(--text-color);font-size:80px;font-weight:600;padding:0 30px}.mywork-title img{bottom:0;position:absolute;right:0;z-index:-1}.mywork-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;max-width:100%;perspective:1000px}.mywork-container img{border-radius:15px;box-sizing:border-box;cursor:pointer;height:280px;max-width:100%;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:415px}.mywork-container img:hover{background:linear-gradient(var(--box-bg-color),var(--box-bg-color)) padding-box,var(--primary-gradient) border-box;border:3px solid #0000;box-shadow:0 20px 40px #2d5eff4d,0 0 30px #b923e133,inset 0 0 0 1px #ffffff1a;filter:brightness(1.1) contrast(1.05);transform:scale(1.08) rotateX(5deg) rotateY(-5deg) translateZ(50px)}.mywork-container img:hover:nth-child(2n){transform:scale(1.08) rotateX(-5deg) rotateY(5deg) translateZ(50px)}.mywork-container img:after{background:var(--primary-gradient);border-radius:17px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.mywork-container img:hover:after{opacity:1}.mywork-showmore{background:#0000;border:2px solid var(--text-color);border-radius:50px;color:var(--text-color);cursor:pointer;display:flex;font-size:22px;font-weight:500;gap:15px;margin-bottom:80px;overflow:hidden;padding:30px 60px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.mywork-showmore:before{background:var(--primary-gradient);border-radius:50px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.mywork-showmore:hover{border:2px solid #0000;box-shadow:0 15px 30px #2d5eff4d,0 0 25px #b923e133,0 0 50px #ff00e21a;color:#fff;gap:35px;transform:scale(1.05) rotateX(3deg) translateZ(15px)}.mywork-showmore:hover:before{opacity:1}.mywork-showmore img{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:2}.mywork-showmore:hover img{filter:brightness(1.2);transform:rotate(-90deg) scale(1.1)}.project-preview{border-radius:10px;box-shadow:0 10px 30px var(--box-shadow-color);height:auto;opacity:0;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .3s ease;width:350px;z-index:999}.mywork-container img:hover+.project-preview,.mywork-container img:hover~.project-preview,.mywork-container:has(img:hover) .project-preview{opacity:1}@media screen and (max-width:1024px){.mywork{gap:60px;margin:60px 50px}.mywork-title h1{font-size:64px}.mywork-container{gap:30px;grid-template-columns:1fr 1fr}.mywork-container img{aspect-ratio:415/280;height:auto;max-width:350px;object-fit:cover;width:100%}.mywork-showmore{font-size:20px;padding:25px 50px}}@media screen and (max-width:768px){.mywork{box-sizing:border-box;gap:40px;margin:40px 20px;padding:0 10px;width:calc(100% - 40px)}.mywork-title h1{font-size:48px}.mywork-container{gap:25px;grid-template-columns:1fr}.mywork-container img{display:block;height:auto;margin:0 auto;max-width:400px;width:100%}.mywork-showmore{font-size:18px;margin-bottom:60px;padding:20px 40px}.mywork-container img:hover{box-shadow:0 10px 20px #2d5eff33,0 0 15px #b923e11a;transform:scale(1.05)}.mywork-container img:hover:nth-child(2n){transform:scale(1.05)}.mywork-showmore:hover{gap:25px;transform:scale(1.02)}}@media screen and (max-width:480px){.mywork{gap:30px;margin:30px 15px;padding:0 5px;width:calc(100% - 30px)}.mywork-title h1{font-size:36px;padding:0 15px}.mywork-container{gap:20px}.mywork-container img{height:auto;max-width:350px;width:100%}.mywork-showmore{font-size:16px;margin-bottom:40px;padding:15px 30px}.project-preview{width:250px}.mywork-container img:hover,.mywork-container img:hover:nth-child(2n){transform:scale(1.02)}.mywork-showmore:hover{gap:20px;transform:scale(1.01)}}.featured-projects{background:linear-gradient(135deg,var(--card-navy) 0,var(--card-burgundy) 100%);font-family:Playfair Display,serif;min-height:100vh;padding:6rem 0;position:relative}.featured-projects:before{background:radial-gradient(circle at 70% 30%,#8b00001a 0,#0000 50%),radial-gradient(circle at 30% 70%,#0064000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.section-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--card-gold),var(--card-red));-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem}.section-description{color:var(--card-cream);font-family:Playfair Display,serif;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:4rem}.project-card{cursor:pointer;min-height:550px;perspective:1000px;position:relative}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.project-card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;border-radius:12px;height:100%;overflow:hidden;position:absolute;width:100%}.card-back{background-image:url(/static/media/red.69d459ccba74239a77d2.svg);background-position:50%;background-size:cover;border:2px solid var(--card-gold)}.card-front{background:var(--card-cream);border:2px solid var(--card-red);color:var(--card-navy);display:flex;flex-direction:column;transform:rotateY(180deg)}.project-card:hover{border-color:var(--card-red);box-shadow:0 20px 40px #8b00004d,0 0 20px #daa52033;transform:translateY(-10px) rotateY(180deg)}.card-back-pattern{align-items:center;background:#0000004d;border-radius:12px;color:var(--card-cream);display:flex;flex-direction:column;gap:1.5rem;height:100%;padding:2rem;position:relative;text-align:center;width:100%}.card-back-suit{font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px #00000080}.card-back-title{font-size:1.1rem;font-weight:600;letter-spacing:1px;text-shadow:0 1px 2px #00000080}.card-back-subtitle,.card-back-title{font-family:Playfair Display,serif;text-transform:uppercase}.card-back-subtitle{font-size:.9rem;letter-spacing:.5px;opacity:.9}.project-image{background:linear-gradient(135deg,var(--card-cream),var(--card-gold));height:200px;overflow:hidden;position:relative}.project-image,.project-placeholder{align-items:center;display:flex;justify-content:center}.project-placeholder{height:100%;width:100%}.placeholder-icon{font-size:4rem;opacity:.8}.project-overlay{align-items:center;background:#8b0000e6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.view-project{color:var(--card-cream);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.project-content{background:var(--card-cream);padding:2rem}.project-category{color:var(--card-red);font-family:Playfair Display,serif;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.project-title{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.project-description,.project-title{color:var(--card-navy);font-family:Playfair Display,serif}.project-description{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;opacity:.8}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#8b00001a;border:1px solid #8b000033;border-radius:15px;color:var(--card-red);font-family:Playfair Display,serif;font-size:.8rem;font-weight:500;padding:.3rem .8rem}@media (max-width:1024px){.projects-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-title{font-size:2.5rem}}@media (max-width:768px){.featured-projects{padding:4rem 0}.container{padding:0 1rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.section-title{font-size:2rem}.section-description{font-size:1.1rem}.project-content{padding:1.5rem}}@media (max-width:480px){.section-title{font-size:1.8rem}.project-title{font-size:1.3rem}.project-content{padding:1.2rem}.project-image{height:150px}.placeholder-icon{font-size:3rem}}.about-section{background:linear-gradient(135deg,var(--card-navy) 0,var(--card-burgundy) 100%);font-family:Playfair Display,serif;padding:6rem 0;position:relative}.about-section:before{background:radial-gradient(circle at 80% 20%,#8b00001a 0,#0000 50%),radial-gradient(circle at 20% 80%,#0064000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.about-header{margin-bottom:4rem;text-align:center}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--card-gold),var(--card-red));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem}.about-subtitle,.about-title{font-family:Playfair Display,serif}.about-subtitle{color:var(--card-cream);font-size:1.2rem;margin:0}.about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:400px 1fr;margin-bottom:4rem}.about-image{display:flex;justify-content:center}.image-frame{background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 20px 40px #8b00004d,0 0 20px #daa52033;height:350px;overflow:hidden;position:relative;transition:all .3s ease;width:350px}.image-frame:hover{box-shadow:0 25px 50px #8b000066,0 0 30px #daa5204d;transform:translateY(-5px) rotateY(5deg)}.image-frame img{height:100%;object-fit:cover;width:100%}.image-decoration{border:2px solid #8b000033;border-radius:15px;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}.card-corner-suit{color:var(--card-red);font-size:1.5rem;font-weight:700;position:absolute}.card-corner-suit.top-left{left:10px;top:10px}.card-corner-suit.top-right{right:10px;top:10px}.card-corner-suit.bottom-left{bottom:10px;left:10px}.card-corner-suit.bottom-right{bottom:10px;right:10px}.about-text{color:var(--card-cream)}.text-content{background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 10px 30px #8b000033,0 0 15px #daa5201a;color:var(--card-navy);margin-bottom:3rem;padding:2rem;transition:all .3s ease}.text-content:hover{box-shadow:0 15px 40px #8b00004d,0 0 20px #daa52033;transform:translateY(-3px)}.intro-text{font-size:1.2rem;font-weight:600;line-height:1.8}.detail-text,.intro-text,.personal-text{color:var(--card-navy);font-family:Playfair Display,serif;margin-bottom:1.5rem}.detail-text,.personal-text{font-size:1.1rem;line-height:1.7}.skills-section{margin-bottom:4rem;text-align:center}.skills-section h3{color:var(--card-cream);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600;margin-bottom:2.5rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:1200px}.skill-icon-item{align-items:center;background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 5px 15px #8b000033,0 0 10px #daa5201a;color:var(--card-navy);cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:180px;padding:1.8rem;transition:all .3s ease}.skill-icon-item:hover{background:var(--card-gold);border-color:var(--card-red);box-shadow:0 10px 25px #8b00004d,0 0 15px #daa52033;transform:translateY(-5px) rotateY(5deg)}.skill-icon-wrapper{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.skill-icon{display:block;filter:drop-shadow(0 0 8px rgba(139,0,0,.3));height:45px;position:relative;transition:transform .3s ease;width:45px;z-index:2}.skill-icon-item:hover .skill-icon{transform:scale(1.1)}.skill-glow{border-radius:50%;bottom:0;filter:blur(20px);left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.7);transition:opacity .3s ease,transform .3s ease}.skill-icon-item:hover .skill-glow{opacity:.5;transform:scale(1)}.skill-name{color:var(--card-navy);font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;text-align:center}.skill-suit{color:var(--card-red);font-size:1.2rem;font-weight:700}.skill-category{color:var(--card-navy);font-family:Playfair Display,serif;font-size:.8rem;opacity:.7}.achievements-section{background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 10px 30px #8b000033,0 0 15px #daa5201a;color:var(--card-navy);padding:3rem}.achievements-header{align-items:center;border-bottom:2px solid var(--card-red);display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.achievement-suit{color:var(--card-red);font-size:2rem;font-weight:700}.achievements-title{color:var(--card-navy);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;margin:0}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.achievement-card{background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 5px 15px #8b000033,0 0 10px #daa5201a;color:var(--card-navy);cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.achievement-card:hover{background:var(--card-gold);border-color:var(--card-red);box-shadow:0 10px 25px #8b00004d,0 0 15px #daa52033;transform:translateY(-5px) rotateY(5deg)}.achievement-suit-display{color:var(--card-red);font-size:1.5rem;font-weight:700;position:absolute;right:10px;top:10px}.achievement-number{color:var(--card-red);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;margin:1rem 0 .5rem}.achievement-label{font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 0 .5rem;text-transform:uppercase}.achievement-description,.achievement-label{color:var(--card-navy);font-family:Playfair Display,serif}.achievement-description{font-size:.9rem;opacity:.8}@media (max-width:1024px){.about-content{gap:3rem;grid-template-columns:1fr;text-align:center}.image-frame{height:300px;width:300px}.skills-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:450px}}@media (max-width:768px){.about-section{padding:4rem 0}.about-container{padding:0 1rem}.about-title{font-size:2.5rem}.about-content{gap:2rem}.image-frame{height:250px;width:250px}.achievements-section{padding:2rem}.achievements-grid{gap:1.5rem;grid-template-columns:1fr}.skills-grid{gap:1rem;grid-template-columns:repeat(3,1fr);max-width:400px}.skill-icon-item{padding:1rem}.skill-icon{height:35px;width:35px}.skill-icon-wrapper{height:50px;width:50px}}@media (max-width:480px){.about-title{font-size:2rem}.intro-text{font-size:1.1rem}.detail-text,.personal-text{font-size:1rem}.image-frame{height:200px;width:200px}.skills-grid{grid-template-columns:repeat(2,1fr);max-width:300px}.skill-icon-item{padding:.8rem}.skill-icon{height:30px;width:30px}.achievement-number{font-size:2rem}}.footer{background:linear-gradient(135deg,var(--card-navy) 0,#000 100%);font-family:Playfair Display,serif;overflow:hidden;padding:6rem 0 2rem;position:relative}.footer:before{background:radial-gradient(circle at 50% 50%,#8b00001a 0,#0000 70%),radial-gradient(circle at 80% 20%,#0064000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.mini-game-section{background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 10px 30px #8b000033,0 0 15px #daa5201a;color:var(--card-navy);margin-bottom:4rem;padding:3rem;text-align:center;transition:all .3s ease}.mini-game-section:hover{box-shadow:0 15px 40px #8b00004d,0 0 20px #daa52033;transform:translateY(-3px)}.card-header{align-items:center;border-bottom:2px solid var(--card-red);display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding-bottom:1rem}.card-suit{color:var(--card-red);font-size:1.5rem;font-weight:700}.card-rank{font-size:1.3rem;font-weight:700}.card-rank,.mini-game-section h2{color:var(--card-navy);font-family:Playfair Display,serif}.mini-game-section h2{font-size:2rem;font-weight:600;margin-bottom:.5rem}.mini-game-section p{color:var(--card-navy);margin-bottom:2rem;opacity:.8}.game-button,.mini-game-section p{font-family:Playfair Display,serif;font-size:1.1rem}.game-button{background:linear-gradient(135deg,var(--card-red),var(--card-gold));border:none;border-radius:12px;box-shadow:0 4px 8px #8b00004d;color:var(--card-cream);cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.game-button:hover{box-shadow:0 10px 25px #8b000066;transform:translateY(-2px)}.game-area{margin:0 auto;max-width:600px}.game-stats{display:flex;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.score{color:var(--card-red)}.timer{color:var(--card-green)}.code-display{background:#8b00001a;border:1px solid #8b000033;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.code-display code{color:var(--card-red);font-size:1.1rem;letter-spacing:.5px}.code-display code,.code-input{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.code-input{background:#8b00001a;border:1px solid #8b000033;border-radius:10px;color:var(--card-navy);font-size:1rem;margin-bottom:1rem;outline:none;padding:1rem;width:100%}.code-input:focus{border-color:var(--card-red);box-shadow:0 0 0 3px #8b000033}.reset-button{background:#0000;border:1px solid var(--card-red);border-radius:12px;color:var(--card-red);cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;padding:.7rem 1.5rem;transition:all .3s ease}.reset-button:hover{background:var(--card-red);color:var(--card-cream)}.final-score{background:#8b00001a;border:1px solid var(--card-red);border-radius:12px;color:var(--card-red);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem}.contact-section{background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 10px 30px #8b000033,0 0 15px #daa5201a;color:var(--card-navy);margin-bottom:4rem;padding:3rem;text-align:center;transition:all .3s ease}.contact-section:hover{box-shadow:0 15px 40px #8b00004d,0 0 20px #daa52033;transform:translateY(-3px)}.contact-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-section h2,.contact-section p{color:var(--card-navy);font-family:Playfair Display,serif}.contact-section p{font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:500px;opacity:.8}.contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.contact-item{align-items:center;background:var(--card-cream);border:2px solid var(--card-red);border-radius:12px;box-shadow:0 5px 15px #8b000033,0 0 10px #daa5201a;color:var(--card-navy);cursor:pointer;display:flex;gap:1.5rem;min-height:120px;padding:2rem;text-decoration:none;transition:all .3s ease}.contact-item:hover{background:var(--card-gold);border-color:var(--card-red);box-shadow:0 10px 25px #8b00004d,0 0 15px #daa52033;transform:translateY(-5px) rotateY(5deg)}.contact-icon{align-items:center;display:flex;flex-shrink:0;font-size:2.2rem;height:50px;justify-content:center;min-width:50px;text-align:center}.contact-icon img{height:100%;object-fit:contain;transition:filter .3s ease;width:100%}.contact-icon img,.contact-item:hover .contact-icon img{filter:invert(20%) sepia(100%) saturate(1000%) hue-rotate(0deg) brightness(30%) contrast(100%)}.contact-item div{flex:1 1;min-width:0;text-align:left}.contact-item h3{font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.contact-item h3,.contact-item p{color:var(--card-navy);font-family:Playfair Display,serif}.contact-item p{font-size:.9rem;line-height:1.4;margin:0;opacity:.8;word-break:break-word}.footer-bottom{border-top:1px solid #daa52033;color:var(--card-cream);padding-top:2rem;text-align:center}.footer-bottom p{font-family:Playfair Display,serif;font-size:.95rem;margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-links a{color:var(--card-cream);font-family:Playfair Display,serif;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--card-gold)}@media (max-width:768px){.footer{padding:4rem 0 2rem}.footer-container{padding:0 1rem}.mini-game-section{margin-bottom:3rem;padding:2rem}.mini-game-section h2{font-size:1.8rem}.contact-section h2{font-size:2rem}.contact-methods{gap:1.5rem;grid-template-columns:1fr;max-width:400px}.contact-item{min-height:100px;padding:1.5rem}.contact-item p{font-size:.85rem}.footer-links{gap:1.5rem}}@media (max-width:480px){.mini-game-section{padding:1.5rem}.mini-game-section h2{font-size:1.5rem}.contact-section h2{font-size:1.8rem}.code-display{padding:1rem}.code-display code{font-size:.95rem}.game-stats{font-size:1rem}.contact-item{flex-direction:column;min-height:auto;padding:1.5rem 1rem}.contact-item,.contact-item div{text-align:center}.contact-item p{font-size:.8rem}.footer-links{flex-direction:column;gap:1rem}}.movie-recommender-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;overflow:hidden;position:relative}.movie-recommender-page:before{background:radial-gradient(circle at 30% 70%,#7c77c61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.movie-recommender{margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem;position:relative;z-index:2}.recommender-header{margin-bottom:3rem}.back-button{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:2rem;outline:none;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:10}.back-button:hover{background:#7c77c64d;border-color:#7c77c6;box-shadow:0 4px 12px #7c77c64d;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.header-content{text-align:center}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.project-subtitle{color:#888;font-size:1.2rem;margin:0 auto;max-width:600px}.recommender-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:3rem}.movie-selector{margin-bottom:2rem}.selector-label{color:#fff;display:block;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.movie-dropdown{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;font-size:1rem;max-width:500px;outline:none;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.movie-dropdown:focus{border-color:#7c77c6;box-shadow:0 0 0 3px #7c77c633}.movie-dropdown option{background:#1a1a1a;color:#fff}.selected-movie-display{margin:2rem 0;text-align:center}.selected-movie-display h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.selected-movie-card{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;display:inline-flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.selected-movie-card:hover{background:#7c77c61a;border-color:#7c77c6;transform:translateY(-2px)}.selected-movie-poster{border-radius:8px;box-shadow:0 6px 12px #0006;height:300px;object-fit:cover;transition:transform .3s ease;width:200px}.selected-movie-card:hover .selected-movie-poster{transform:scale(1.02)}.selected-movie-card h4{color:#fff;font-size:1.2rem;font-weight:500;margin:0}.loading-state{color:#fff;padding:3rem 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #7c77c64d;border-radius:50%;border-top-color:#7c77c6;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{background:#ff00001a;border:1px solid #ff00004d;border-radius:15px;margin:2rem 0;padding:2rem;text-align:center}.error-message{color:#ff6b6b;font-weight:500;margin:0}.recommendations-section{margin:3rem 0}.recommendations-section h2{color:#fff;font-size:1.8rem;margin-bottom:2rem;text-align:center}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.recommendation-card{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:1.5rem;text-align:center;transition:all .3s ease}.recommendation-card:hover{background:#7c77c61a;border-color:#7c77c6;transform:translateY(-5px)}.movie-poster{border-radius:8px;box-shadow:0 4px 8px #0000004d;height:225px;margin-bottom:1rem;object-fit:cover;transition:transform .3s ease;width:150px}.recommendation-card:hover .movie-poster{transform:scale(1.05)}.movie-icon{font-size:2.5rem;margin-bottom:1rem}.recommendation-card h3{color:#fff;font-size:1.1rem;font-weight:500;margin:0}.project-info{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;margin-top:3rem;padding:2rem}.project-info h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.project-info p{color:#b0b0b0;line-height:1.6;margin-bottom:1.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:#7c77c633;border:1px solid #7c77c64d;border-radius:20px;color:#7c77c6;font-size:.9rem;font-weight:500;padding:.4rem 1rem}@media (max-width:768px){.movie-recommender{padding:1rem}.header-content h1{font-size:2.5rem}.recommender-content{padding:2rem}.recommendations-grid{gap:1rem;grid-template-columns:1fr}.project-info{padding:1.5rem}}@media (max-width:480px){.header-content h1{font-size:2rem}.project-subtitle{font-size:1rem}.recommender-content{padding:1.5rem}.back-button{font-size:.9rem;padding:.6rem 1.2rem}}
/*# sourceMappingURL=main.777d0919.css.map*/