.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity var(--transition-smooth);overflow:hidden}.splash-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--splash-bg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;z-index:-2;transform:scale(1.05);image-rendering:-webkit-optimize-contrast}.splash-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:-1}.splash-screen.fade-out{opacity:0;background-color:#0a0a0a;pointer-events:none}.splash-content{text-align:center;animation:fadeInUp 1s ease-out}.splash-hero-title{background:linear-gradient(75deg,#c5a059 0% 30%,#edd3a1 40% 44%,#fff9f2 44.5% 45.5%,#edd3a1 46% 50%,#edd3a1 54%,#fff9f2 54.5% 55.5%,#edd3a1 56% 60%,#c5a059 70% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(212,175,55,.3)) drop-shadow(0 0 20px rgba(255,255,255,.2));background-size:200% auto;animation:textShimmer 6s linear infinite}@keyframes textShimmer{0%{background-position:200% 50%}to{background-position:0% 50%}}.sparkles-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:60%;pointer-events:none;z-index:0}.sparkle{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 5px 1px #fffc;animation:twinkle 3s infinite ease-in-out;opacity:0}@keyframes twinkle{0%,to{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.2)}}.hero-text{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:var(--spacing-lg);color:var(--color-text);letter-spacing:2px}.enter-btn{font-family:var(--font-display);font-weight:700;font-size:1.3rem;padding:var(--spacing-sm) 3rem;background:#f4e4bc;color:#2c1810;border:1px solid #d7c697;border-radius:2px;text-transform:uppercase;letter-spacing:2px;cursor:none;box-shadow:0 4px 15px #00000080,inset 0 0 20px #8b45131a;transition:all var(--transition-fast);position:relative;overflow:hidden}.enter-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #0009,inset 0 0 30px #8b451333;background:#faeed1;color:#4a2c20}.enter-btn:active{transform:translateY(-1px);box-shadow:0 2px 10px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.splash-screen{height:100vh;height:100dvh;overflow:hidden}.splash-hero-title{font-size:2.8rem!important;line-height:1.1;margin-bottom:3rem!important;letter-spacing:-1px!important}.splash-overlay .hero-content{padding:0 20px}}.sidebar{position:fixed;left:0;top:0;width:300px;height:100vh;background-color:#0a0a0a;padding:var(--spacing-lg);display:flex;flex-direction:column;border-right:1px solid rgba(197,160,89,.1);z-index:100;transition:transform var(--transition-fast);overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:2px 0 20px #000c;touch-action:pan-y}.profile-section{text-align:center;margin-bottom:var(--spacing-xl);flex-shrink:0}.profile-pic{width:140px;height:140px;background-color:var(--color-dark-purple);border:1px solid var(--color-gold-antique);border-radius:50%;margin:0 auto var(--spacing-md);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;box-shadow:0 10px 30px #0006,0 0 15px #8a4baf1a}.profile-pic img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transform:translateZ(0) scale(1.05);display:block}.profile-pic:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 10px #0006;pointer-events:none}.artist-name{font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-gold-antique) 0%,var(--color-gold-champagne) 50%,var(--color-gold-antique) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;letter-spacing:1px;filter:drop-shadow(0 0 5px rgba(212,175,55,.2))}.artist-bio{font-family:var(--font-body);font-size:.9rem;color:#aaa;text-align:justify;line-height:1.5}.nav-menu{display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav-link{font-size:1.1rem;padding:.5rem 0;color:#888;transition:all var(--transition-fast);position:relative;width:fit-content;font-family:var(--font-display);letter-spacing:1px}.nav-link:hover,.nav-link.active{color:var(--color-gold-champagne);text-shadow:0 0 10px rgba(197,160,89,.5)}.nav-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--color-gold-antique),var(--color-gold-champagne));box-shadow:0 0 5px var(--color-gold-antique)}.divider{height:1px;background-color:#c5a05933;margin:var(--spacing-sm) 0}.portfolio-link{color:var(--color-gold-antique);border:1px solid rgba(197,160,89,.4);padding:.5rem 1rem;margin:.5rem 0;border-radius:4px;background:#c5a0590d;text-align:center;width:100%;transition:all .3s ease}.portfolio-link:hover,.portfolio-link.active{background:#c5a05926;border-color:var(--color-gold-champagne);box-shadow:0 0 15px #c5a05933;text-shadow:0 0 5px var(--color-gold-champagne)}.portfolio-link.active:after{display:none}.admin-link{font-size:.8rem;opacity:.5}.mobile-toggle{display:none;position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);z-index:200;background:#0a0a0acc;color:var(--color-gold-antique);padding:.5rem;border-radius:50%;border:1px solid var(--color-gold-antique);box-shadow:0 0 10px #c5a05933}.overlay{display:none}[data-lightbox-open=true] .sidebar-toggle,[data-splash-active=true] .sidebar-toggle{display:none!important}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px;background:#050505;pointer-events:auto;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex!important;position:fixed;top:20px;left:20px;z-index:10000;background:#1a0b2ee6;border:1px solid var(--color-gold-antique);color:var(--color-gold-antique);width:50px;height:50px;border-radius:8px;align-items:center;justify-content:center;box-shadow:0 4px 20px #0009;pointer-events:auto}.sidebar-logo{margin-top:50px}.overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90}}.layout{display:flex;min-height:100vh}.main-content{position:relative;flex:1;margin-left:300px;padding:var(--spacing-lg);background-color:transparent;min-height:100vh;transition:margin-left var(--transition-fast);overflow-x:hidden}.content-container{max-width:1400px;margin:0 auto;position:relative;z-index:2}.footer-glow{display:none;position:fixed;bottom:0;left:0;width:100%;height:20vh;background:linear-gradient(to top,rgba(138,75,175,.15),transparent);pointer-events:none;z-index:10}@media(max-width:768px){.footer-glow{display:block}}@media(max-width:768px){.main-content{margin-left:0;padding:4.5rem 0 var(--spacing-lg) 0;width:100%}.content-container{padding:0;width:100%;max-width:100%}}.home{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;overflow:hidden}.home-bg-static{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;z-index:5;filter:blur(4px) brightness(.6);transform:scale(1.02)}.home-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 45% center,#0a0a0a73,#050505);z-index:6;pointer-events:none}.home-container{position:relative;z-index:10;width:100%;max-width:1300px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-content{text-align:center;flex:1}.hero-title{font-size:6rem;margin-bottom:1rem;letter-spacing:-2px;background:linear-gradient(135deg,#c5a059,#fff0c4,#c5a059 50%,#fff0c4 80%,#c5a059);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(212,175,55,.3))}.hero-subtitle{font-size:1.5rem;color:var(--color-gold-champagne);margin-bottom:3rem;opacity:.9;font-style:italic;font-family:var(--font-display);letter-spacing:1px}.cta-container{display:flex;justify-content:center;gap:20px}.home-preview-window{flex:.8;display:flex;justify-content:center;perspective:1000px}.preview-frame{position:relative;width:450px;height:550px;background:#141414cc;border:1px solid var(--color-gold-antique);border-radius:4px;padding:10px;box-shadow:0 30px 60px #000000b3;animation:float 6s ease-in-out infinite;overflow:hidden}.preview-glow{position:absolute;inset:-20px;background:radial-gradient(circle at center,rgba(197,160,89,.15),transparent 70%);pointer-events:none;z-index:2}.preview-slide{position:absolute;inset:10px;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out,transform 8s linear;border-radius:2px}.preview-slide.active{opacity:.85;transform:scale(1.05)}.preview-label{position:absolute;bottom:25px;left:0;width:100%;text-align:center;font-family:var(--font-display);color:var(--color-gold-antique);font-size:.9rem;text-transform:uppercase;letter-spacing:4px;z-index:3;text-shadow:0 2px 4px rgba(0,0,0,.9)}@keyframes float{0%,to{transform:translateY(0) rotateX(2deg) rotateY(-2deg)}50%{transform:translateY(-20px) rotateX(-2deg) rotateY(2deg)}}.home-btn{padding:15px 40px;font-family:var(--font-display);font-weight:700;font-size:1.1rem;border-radius:2px;letter-spacing:1px;display:inline-block;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:none!important}.home-btn-primary{background-color:var(--color-parchment);color:var(--color-ink);border:1px solid var(--color-parchment-dark)}.home-btn-primary:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006;background-color:#f7f0e0}.home-btn-secondary{background:transparent;color:var(--color-gold-antique);border:1px solid var(--color-gold-antique)}.home-btn-secondary:hover{border-color:var(--color-gold-champagne);color:var(--color-gold-champagne);background:#c5a0590d}@media(max-width:1100px){.home-container{flex-direction:column;text-align:center;padding-top:50px;gap:40px}.hero-content{text-align:center;margin-bottom:30px}.hero-title{font-size:3.5rem}.cta-container{justify-content:center}.preview-frame{width:350px;height:450px;margin:0 auto}}@media(max-width:768px){.home.no-scroll{min-height:100svh;width:100%;position:relative;z-index:100;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 0}.home-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0 20px;width:100%;max-width:100%;margin:0;box-sizing:border-box}.hero-content{margin-bottom:0;transform:translateY(0);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:2.8rem;margin-bottom:.5rem;letter-spacing:-1px;margin-top:10px;max-width:100%}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem;white-space:normal;letter-spacing:0;max-width:90%}.cta-container{flex-direction:row;gap:15px;justify-content:center;margin-bottom:30px;width:100%}.home-btn{padding:12px 20px;font-size:.95rem;min-width:140px}.preview-frame{width:300px;height:380px;margin:0 auto}.preview-label{bottom:15px;font-size:.8rem;letter-spacing:2px}}.projects-page,.doodles-page,.fan-arts-page,.project-detail{padding:80px 0;position:relative;z-index:1}.projects-title{font-size:3.5rem;margin-bottom:60px;text-align:center;background:linear-gradient(135deg,#c5a059,#fff0c4,#c5a059 50%,#fff0c4 80%,#c5a059);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(212,175,55,.3));letter-spacing:-1px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:0 40px;max-width:1500px;margin:0 auto}.project-card{display:block;background:#0f0a1499;border:1px solid rgba(197,160,89,.2);border-radius:4px;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);text-decoration:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 30px #00000080;position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(212,175,55,.05),transparent);pointer-events:none}.project-card:hover{transform:translateY(-12px);border-color:var(--color-gold-antique);box-shadow:0 20px 40px #0009,0 0 20px #c5a05926}.card-image-wrapper{height:200px;overflow:hidden;border-bottom:1px solid rgba(197,160,89,.1);position:relative}.card-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(15,10,20,.8),transparent)}.card-img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.project-card:hover .card-img{transform:scale(1.08)}.card-content{padding:20px;position:relative}.card-title{font-size:1.4rem;margin-bottom:10px;color:var(--color-gold-champagne);font-family:var(--font-display);transition:color .3s ease}.project-card:hover .card-title{color:#fff;text-shadow:0 0 10px rgba(255,240,196,.3)}.card-description{color:#999;font-size:.95rem;line-height:1.6;margin-bottom:20px;font-family:var(--font-body)}.card-cta{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold-antique);text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.card-cta:after{content:"→";transition:transform .3s ease}.project-card:hover .card-cta{color:var(--color-gold-champagne)}.project-card:hover .card-cta:after{transform:translate(5px)}@media(max-width:768px){.projects-page,.doodles-page,.fan-arts-page,.project-detail{padding:20px 0}.projects-title,.page-title{font-size:2rem!important;margin-bottom:25px;line-height:1.2}.projects-grid{grid-template-columns:1fr;padding:0 20px;gap:20px}.project-card{max-width:100%}}.project-detail{width:100%;max-width:100vw;overflow-x:hidden}@media(max-width:768px){.project-detail header h1{font-size:1.8rem!important;line-height:1.2}.project-detail header p{font-size:.95rem!important;text-align:justify}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:1fr;gap:var(--spacing-md);width:100%}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-item{position:relative;border-radius:4px;border:1px solid rgba(197,160,89,.2);overflow:hidden;cursor:none!important;transition:all .5s cubic-bezier(.16,1,.3,1);background-color:#0f0a1466;aspect-ratio:1 / 1;animation:fadeInSlide .6s cubic-bezier(.25,.8,.25,1);animation-fill-mode:backwards}.gallery-item:hover{transform:translateY(-8px);border-color:var(--color-gold-antique);box-shadow:0 15px 30px #0009,0 0 15px #c5a05933}.gallery-item.is-transparent{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.gallery-item.is-transparent:hover{border-color:#c5a0594d!important;background-color:#ffffff0d!important}.gallery-item.is-transparent img{object-fit:contain;padding:10px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;transform:translateZ(0);transition:filter var(--transition-fast),transform .8s cubic-bezier(.16,1,.3,1)}.gallery-item:hover img{transform:scale(1.05) translateZ(0)}.item-overlay{position:absolute;bottom:0;left:0;width:100%;padding:var(--spacing-sm);background:linear-gradient(to top,var(--color-dark-purple),transparent);opacity:0;transition:opacity var(--transition-fast)}.gallery-item:hover .item-overlay{opacity:1}.item-title{color:var(--color-gold-champagne);font-family:var(--font-display);font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}@media(min-width:768px){.gallery-grid.masonry{display:block;column-count:3;column-gap:var(--spacing-md)}.gallery-grid.masonry .gallery-item{margin-bottom:var(--spacing-md);break-inside:avoid}}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0af2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding-left:300px;box-sizing:border-box}.close-btn{position:absolute;top:30px;right:30px;color:var(--color-gold-antique);background:transparent;border:none;cursor:none!important;z-index:1010;transition:all .3s ease}.close-btn:hover{color:var(--color-gold-champagne);transform:rotate(90deg) scale(1.1)}.lightbox-content{position:relative;max-width:90%;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:95%;max-height:85vh;display:block;box-shadow:0 0 50px #000000e6,0 0 20px #c5a0594d;border:1px solid var(--color-gold-antique);margin:0 auto}.lightbox-image.is-transparent{border:none!important;box-shadow:none!important;filter:drop-shadow(0 0 30px rgba(0,0,0,.8))}.lightbox-caption{margin-top:20px;text-align:center;padding:15px 30px;background:#141414cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(197,160,89,.2);border-radius:4px;box-shadow:0 10px 20px #0006;animation:slideUp .5s ease}.lightbox-caption h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:5px;background:linear-gradient(135deg,#c5a059,#fff0c4,#c5a059);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.lightbox-caption p{color:var(--color-gold-antique);font-size:.9rem;opacity:.8;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-display)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-gold-antique);padding:20px;opacity:.8;z-index:2000;cursor:none!important;transition:all .3s ease}.prev-btn{left:320px}.next-btn{right:40px}.nav-btn:hover{opacity:1;color:var(--color-gold-champagne);transform:translateY(-50%) scale(1.2);filter:drop-shadow(0 0 10px rgba(197,160,89,.8))}@media(max-width:768px){.lightbox-overlay{padding-left:0}.close-btn{top:15px;right:15px}.lightbox-image{max-height:55vh}.lightbox-caption{padding:10px 15px;margin-top:15px;width:85%;max-width:320px}.lightbox-caption h3{font-size:1rem}.nav-btn{position:fixed;top:auto;bottom:30px;transform:none;padding:10px;background:transparent;border:none}.prev-btn{left:10px}.next-btn{right:10px}.prev-btn:hover,.next-btn:hover{transform:scale(1.1)}.nav-btn svg{width:24px;height:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-page{padding:100px 0;max-width:1200px;margin:0 auto}.about-header{margin-bottom:120px;text-align:center}.about-header .page-title{background:none;-webkit-text-fill-color:var(--color-gold-champagne);color:var(--color-gold-champagne)}.about-subtitle{font-family:var(--font-display);color:var(--color-gold-antique);letter-spacing:4px;font-size:.9rem;margin-top:-10px;font-style:italic}.story-section{display:flex;gap:60px;align-items:center;margin-bottom:250px;padding:0 20px}.story-visual-container{flex:1;display:flex;flex-direction:column;gap:20px;align-items:center}.story-visual{width:100%;position:relative;height:500px;border:1px solid rgba(197,160,89,.3);border-radius:4px;overflow:hidden;box-shadow:0 20px 50px #00000080}.social-links-about{display:flex;gap:25px;justify-content:center;padding:10px}.social-icon-link{color:var(--color-gold-antique);transition:all .3s cubic-bezier(.16,1,.3,1);opacity:.7;cursor:none!important}.social-icon-link:hover{color:var(--color-gold-champagne);opacity:1;transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 0 8px rgba(197,160,89,.5))}.story-visual img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:sepia(30%) contrast(1.1);image-rendering:auto;transform:translateZ(0)}.story-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #000c;pointer-events:none}.story-content{flex:1.2;background:radial-gradient(circle at center,#1b1424,#0f0a14);border:1px solid rgba(197,160,89,.2);padding:75px 50px 50px;border-radius:4px;position:relative;box-shadow:20px 20px 60px #0000004d}.story-content:before{content:"✧";position:absolute;top:25px;right:25px;color:var(--color-gold-antique);font-size:1.5rem;opacity:.6}.story-title{font-family:var(--font-display);color:var(--color-gold-champagne);font-size:2.5rem;margin-bottom:25px;display:flex;align-items:center;gap:15px}.story-text{font-family:var(--font-body);font-size:1.1rem;line-height:1.8;color:#bbb;margin-bottom:20px}.skills-title-main{text-align:center;font-family:var(--font-display);color:var(--color-gold-antique);font-size:2rem;margin-bottom:60px}.skills-scroll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 20px}.skill-card-parchment{background:radial-gradient(circle at top left,#1b1424,#0f0a14);color:var(--color-text);padding:40px;border-radius:4px;box-shadow:0 15px 35px #00000080;transition:all .5s cubic-bezier(.16,1,.3,1);border:1px solid rgba(197,160,89,.1);position:relative;overflow:hidden}.skill-card-parchment:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--color-gold-antique)}.skill-card-parchment:hover{transform:translateY(-10px);border-color:#c5a05966;box-shadow:0 25px 50px #000000b3,0 0 20px #c5a0591a}.skill-card-title{font-family:var(--font-display);font-size:1.4rem;margin-bottom:15px;font-weight:700;color:var(--color-gold-champagne);letter-spacing:1px}.skill-card-text{font-size:1rem;line-height:1.6;color:#aaa}.contact-section-final{margin-top:150px;text-align:center;padding:100px 20px;background:radial-gradient(circle at center,rgba(138,75,175,.05),transparent)}.contact-button-magical{display:inline-block;margin-top:40px;padding:20px 60px;background:transparent;border:1px solid var(--color-gold-antique);color:var(--color-gold-antique);font-family:var(--font-display);font-size:1.2rem;letter-spacing:3px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;cursor:none!important}.contact-button-magical:hover{background:var(--color-gold-antique);color:#141414;box-shadow:0 0 30px #c5a0594d;transform:scale(1.05)}.courses-section{margin-top:100px;padding:0 20px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-top:60px}.course-card{background:radial-gradient(circle at center,#1b1424,#0f0a14);border:1px solid rgba(197,160,89,.2);border-radius:4px;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d}.course-card:hover{transform:translateY(-10px);border-color:var(--color-gold-antique);box-shadow:0 20px 50px #00000080}.course-image{width:100%;height:250px;object-fit:cover;border-bottom:1px solid rgba(197,160,89,.1);opacity:.9;transition:opacity .3s ease}.course-info{padding:30px}.course-title{font-family:var(--font-display);color:var(--color-gold-champagne);font-size:1.5rem;margin-bottom:15px}.course-description{color:#aaa;font-size:1rem;line-height:1.6;font-family:var(--font-body)}@media(max-width:900px){.story-section{flex-direction:column;gap:40px;margin-bottom:80px}.story-visual{width:100%;height:350px}.story-content{padding:80px 20px 30px;width:100%;box-shadow:0 10px 30px #00000080}}@media(max-width:768px){.about-page{padding:20px 0}.about-header{margin-bottom:30px}.about-header .page-title{font-size:2.22rem;margin-bottom:.5rem}.about-subtitle{font-size:.75rem;margin-top:0}.story-title{font-size:1.8rem;justify-content:center}.story-text{font-size:1rem;line-height:1.6;text-align:justify}.skills-scroll-grid{grid-template-columns:1fr;gap:20px}.skill-card-parchment{padding:30px 20px}.courses-grid{grid-template-columns:1fr;gap:30px}.course-card{width:100%}.contact-section-final{margin-top:80px;padding:60px 20px}}.story-content,.course-card,.skill-card-parchment{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}:root{--color-bg: #141414;--color-text: #e0e0e0;--color-accent-primary: #8a4baf;--color-accent-secondary: #d4af37;--color-gold-champagne: #fff0c4;--color-gold-antique: #c5a059;--color-gold-bronze: #8a6e3e;--color-parchment: #f0e6d2;--color-parchment-dark: #d4c5a5;--color-ink: #1a0f0d;--color-dark-purple: #1a0b2e;--color-void: #050505;--color-mist: rgba(255, 255, 255, .05);--font-display: "Cinzel", serif;--font-body: "Spectral", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 5rem;--transition-fast: .3s ease;--transition-smooth: .8s cubic-bezier(.16, 1, .3, 1);--transition-slow: 1.5s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background-color:#0a0a0a}body{margin:0;padding:0;background-color:#0a0a0a;color:var(--color-text);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.1rem;line-height:1.6;cursor:none}a,button,input,[role=button],.clickable{cursor:none!important}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-sm)}.text-display{font-family:var(--font-display)}.text-gradient{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-title{font-family:var(--font-display);font-size:3.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#c5a059,#fff0c4,#c5a059 50%,#fff0c4 80%,#c5a059);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(212,175,55,.3));letter-spacing:-1px}@media(max-width:768px){.page-title{font-size:2.1rem!important;text-align:center!important;margin-bottom:1.5rem!important;letter-spacing:0!important}}.hidden{display:none}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity var(--transition-fast)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}