@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #ff9955;--color-primary-hover: #ffbb88;--color-background: #2a2a2a;--color-background-alt: #333333;--color-background-dark: #1a1a1a;--color-text: #ffffff;--color-text-muted: #cccccc;--color-border: #444444;--color-success: #4caf50;--color-error: #ff5252;--color-warning: #ff9800;--font-family: "Fira Code", monospace;--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 15px;--box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2);--box-shadow-lg: 0 12px 48px 0 rgba(0, 0, 0, .3);--transition: all .3s ease}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-background-dark);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-primary)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}input,textarea,select{font-family:var(--font-family)}button{font-family:var(--font-family);cursor:pointer}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-primary)}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){html{font-size:14px}.container{padding:0 1rem}}.navbar{background-color:var(--color-background);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000004d}.navbar-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{color:var(--color-primary);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.navbar-logo:hover{color:var(--color-primary-hover)}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.navbar-toggle-bar{width:25px;height:3px;background-color:var(--color-text);margin:3px 0;transition:all .3s ease;border-radius:2px}.navbar-toggle.active .navbar-toggle-bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.navbar-toggle.active .navbar-toggle-bar:nth-child(2){opacity:0}.navbar-toggle.active .navbar-toggle-bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.navbar-item{margin:0}.navbar-link{color:var(--color-text);text-decoration:none;font-size:1rem;transition:color .3s ease;padding:.5rem 0;position:relative}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width .3s ease}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-link:hover,.navbar-link.active{color:var(--color-primary)}@media(max-width:768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--color-background-alt);border-bottom:2px solid var(--color-border);padding:1rem 0;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;box-shadow:0 4px 10px #0000004d}.navbar-menu.active{max-height:500px;opacity:1}.navbar-item{width:100%;text-align:center;border-bottom:1px solid var(--color-border)}.navbar-item:last-child{border-bottom:none}.navbar-link{display:block;padding:1rem}.navbar-link:after{display:none}.navbar-container{padding:1rem}}.footer{background-color:var(--color-background-dark);border-top:2px solid var(--color-border);margin-top:auto;color:var(--color-text)}.footer-container{max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section{display:flex;flex-direction:column}.footer-title{color:var(--color-primary);font-size:1.3rem;margin:0 0 .5rem}.footer-subtitle{color:var(--color-text);opacity:.7;margin:0;font-size:.9rem}.footer-heading{color:var(--color-text);font-size:1.1rem;margin:0 0 1rem;font-weight:600}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--color-text);opacity:.8;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-links a:hover{color:var(--color-primary);opacity:1;padding-left:.5rem}.footer-social{display:flex;flex-direction:column;gap:.5rem}.footer-social-link{color:var(--color-text);opacity:.8;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-social-link:hover{color:var(--color-primary);opacity:1;transform:translate(5px)}.footer-bottom{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{color:var(--color-text);opacity:.6;margin:0;font-size:.9rem}.footer-scroll-top{background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;transition:all .3s ease}.footer-scroll-top:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff99554d}@media(max-width:768px){.footer-container{grid-template-columns:1fr;padding:2rem 1rem;gap:2rem}.footer-section{text-align:center}.footer-links,.footer-social{align-items:center}.footer-links a:hover{padding-left:0}.footer-social-link:hover{transform:scale(1.05)}.footer-bottom{flex-direction:column;text-align:center;padding:1.5rem 1rem}}.home-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-dark);padding:2rem}.landing-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-nav{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.nav-card{background-color:var(--color-background-alt);border:2px solid var(--color-border);border-radius:12px;padding:3rem 2rem;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:150px}.nav-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 12px 32px #ff99554d}.nav-card h2{color:var(--color-text);font-size:2rem;margin:0;transition:color .3s ease}.nav-card:hover h2{color:var(--color-primary)}.landing-profile{display:flex;align-items:center;justify-content:center}.profile-image{width:100%;max-width:500px;height:auto;border-radius:12px;border:3px solid var(--color-border);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.profile-image:hover{border-color:var(--color-primary);transform:scale(1.02);box-shadow:0 12px 48px #f953}@media(max-width:968px){.landing-container{grid-template-columns:1fr;gap:3rem}.landing-nav{order:2}.landing-profile{order:1}.profile-image{max-width:400px}}@media(max-width:768px){.home-landing{padding:1.5rem}.landing-nav{gap:1.5rem}.nav-card{padding:2.5rem 1.5rem;min-height:120px}.nav-card h2{font-size:1.5rem}.profile-image{max-width:350px}}@media(max-width:480px){.landing-nav{grid-template-columns:1fr}.nav-card{min-height:100px}.nav-card h2{font-size:1.75rem}}.about{min-height:100vh}.about-hero{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%);border-bottom:2px solid var(--color-border);padding:4rem 2rem;text-align:center}.about-hero-content h1{font-size:3rem;margin:0 0 1rem;color:var(--color-primary)}.about-tagline{font-size:1.3rem;color:var(--color-text);opacity:.9;margin:0}.about-content{padding:4rem 2rem;background-color:var(--color-background)}.about-container{max-width:900px;margin:0 auto}.about-section{margin-bottom:4rem}.about-section:last-child{margin-bottom:0}.about-section h2{font-size:2rem;color:var(--color-primary);margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.about-section p{font-size:1.1rem;line-height:1.8;color:var(--color-text);opacity:.9;margin:0 0 1rem}.age-display{color:var(--color-primary);font-size:1.2rem;font-weight:600;margin-top:1.5rem;font-family:Fira Code,monospace}.carousel-container{position:relative;margin-top:3rem;margin-bottom:3rem;width:100%;height:450px;display:flex;align-items:center;justify-content:center}.carousel-image-wrapper{position:relative;width:100%;max-width:450px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center}.carousel-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;border:2px solid var(--color-border);background-color:var(--color-background-alt);animation:fadeIn .5s ease-in-out}.carousel-caption{text-align:center;color:var(--color-text);opacity:.8;margin-top:1rem;font-size:1rem}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.carousel-prev{left:-4rem}.carousel-next{right:-4rem}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.indicator{width:12px;height:12px;border-radius:50%;background-color:var(--color-border);border:none;cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{background-color:var(--color-primary);transform:scale(1.2)}.indicator:hover{background-color:var(--color-primary-hover)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:1.5rem}.skill-category{background-color:var(--color-background-alt);border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .3s ease}.skill-category:hover{border-color:var(--color-primary);transform:translateY(-4px)}.skill-category h3{color:var(--color-primary);margin:0 0 1rem;font-size:1.3rem}.skill-category ul{list-style:none;padding:0;margin:0}.skill-category li{color:var(--color-text);opacity:.9;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.skill-category li:last-child{border-bottom:none}.adventures-links{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.adventure-link{display:inline-block;color:var(--color-primary);text-decoration:none;font-size:1.1rem;transition:all .3s ease;padding:.5rem 0}.adventure-link:hover{color:var(--color-primary-hover);transform:translate(5px)}@media(max-width:768px){.about-hero{padding:3rem 1rem}.about-hero-content h1{font-size:2.5rem}.about-tagline{font-size:1.1rem}.about-content{padding:3rem 1rem}.about-section{margin-bottom:3rem}.about-section h2{font-size:1.75rem}.about-section p{font-size:1rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.carousel-container{height:350px;margin-top:2rem;margin-bottom:2rem}.carousel-image-wrapper{max-width:350px}.carousel-btn{width:40px;height:40px;font-size:1.5rem}.carousel-prev{left:-2rem}.carousel-next{right:-2rem}}.projects{min-height:100vh}.projects-hero{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%);border-bottom:2px solid var(--color-border);padding:4rem 2rem;text-align:center}.projects-hero-content h1{font-size:3rem;margin:0 0 1rem;color:var(--color-primary)}.projects-tagline{font-size:1.3rem;color:var(--color-text);opacity:.9;margin:0}.projects-content{padding:4rem 2rem;background-color:var(--color-background)}.projects-container{max-width:1200px;margin:0 auto}.projects-filters{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.filter-btn{background-color:var(--color-background-alt);color:var(--color-text);border:2px solid var(--color-border);padding:.75rem 1.5rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto}.project-card{background-color:var(--color-background-alt);border-radius:10px;border-left:4px solid var(--color-primary);padding:2rem;cursor:pointer;transition:all .3s ease;display:grid;grid-template-columns:1fr 175px;gap:1.5rem;align-items:center}.project-card:hover{animation:shake .5s;box-shadow:0 4px 16px #ff99554d}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.project-thumbnail{width:175px;height:175px;overflow:hidden;background:transparent;border-radius:8px;flex-shrink:0}.project-thumbnail img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;background:transparent}.project-info{display:flex;flex-direction:column;gap:.75rem}.project-info h3{color:var(--color-primary);margin:0;font-size:1.5rem}.project-category{display:inline-block;background-color:var(--color-background-dark);color:var(--color-primary);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;width:fit-content}.project-description{color:var(--color-text);opacity:.9;line-height:1.5;margin:0;font-size:.95rem}.project-technologies{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.tech-tag{background-color:var(--color-background-dark);color:var(--color-text);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;border:1px solid var(--color-border)}.projects-loading,.projects-error,.projects-empty{grid-column:1 / -1;padding:4rem 2rem;text-align:center}.projects-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.projects-loading p{color:var(--color-text);opacity:.8;font-size:1.1rem}.projects-error p{color:var(--color-error);font-size:1.1rem}.projects-empty p{color:var(--color-text);opacity:.7;font-size:1.1rem}.project-modal-overlay{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;overflow-y:auto}.project-modal{background-color:var(--color-background-alt);border-radius:10px;border-left:4px solid var(--color-primary);max-width:1200px;width:80%;max-height:80vh;overflow-y:auto;position:relative;margin:auto;padding:2rem}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background-color:transparent;color:var(--color-text);border:2px solid var(--color-border);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.modal-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2rem;position:relative;align-items:start;width:100%!important;max-width:none!important;border:none!important}.modal-title{grid-column:1 / -1!important;color:#fff;margin:0 0 1.5rem;font-size:2rem;padding-right:3rem}.modal-text-content{grid-column:1!important;display:flex;flex-direction:column;gap:1.5rem}.modal-image{grid-column:2!important;width:100%;height:auto;object-fit:contain;background:transparent}.modal-category{display:inline-block;background-color:var(--color-background-dark);color:var(--color-primary);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;width:fit-content}.modal-image{width:100%;height:auto;object-fit:contain;background:transparent}.modal-description{margin:0}.modal-description p{color:#fff;line-height:1.8;font-size:1.05rem;margin:0}.modal-technologies{margin:0}.modal-technologies h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.tech-tags{display:flex;gap:.75rem;flex-wrap:wrap}.modal-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:inline-block;background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;transition:all .3s ease;font-weight:500}.project-link:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff99554d}@media(max-width:1024px){.projects-grid{grid-template-columns:1fr}.project-card{grid-template-columns:1fr;gap:1rem}.project-thumbnail{width:100%;height:200px}}@media(max-width:768px){.projects-hero{padding:3rem 1rem}.projects-hero-content h1{font-size:2.5rem}.projects-tagline{font-size:1.1rem}.projects-content{padding:3rem 1rem}.projects-filters{gap:.75rem}.filter-btn{padding:.625rem 1.25rem;font-size:.9rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-modal-overlay{padding:1rem}.project-modal{max-height:95vh;width:90%}.modal-title{font-size:1.75rem}.modal-content{grid-template-columns:1fr;gap:1.5rem}.modal-links{flex-direction:column}.project-link{text-align:center}}.hobbies-page{min-height:100vh}.hobbies-hero{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%);border-bottom:2px solid var(--color-border);padding:4rem 2rem;text-align:center}.hobbies-hero-content h1{font-size:3rem;margin:0 0 1rem;color:var(--color-primary)}.hobbies-tagline{font-size:1.3rem;color:var(--color-text);opacity:.9;margin:0}.hobbies-content{padding:4rem 2rem;background-color:var(--color-background)}.hobbies-container{max-width:1200px;margin:0 auto}.galleries-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.gallery-preview{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;background-color:var(--color-background-alt);border:2px solid var(--color-border);transition:all .3s ease;aspect-ratio:1}.gallery-preview:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 24px #f953}.preview-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;height:100%;width:100%;position:relative}.preview-image{overflow:hidden;background-color:var(--color-background-dark)}.preview-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.gallery-preview:hover .preview-image img{transform:scale(1.05)}.preview-overlay{position:absolute;bottom:0;right:0;width:calc(50% - 1px);height:calc(50% - 1px);background-color:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.hobbies-loading,.hobbies-error,.hobbies-empty{padding:4rem 2rem;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.hobbies-loading p{color:var(--color-text);opacity:.8;font-size:1.1rem}.hobbies-error p{color:var(--color-error);font-size:1.1rem}.hobbies-empty p{color:var(--color-text);opacity:.7;font-size:1.1rem}.gallery-modal-overlay{position:fixed;inset:0;background-color:#000000eb;display:flex;align-items:center;justify-content:center;z-index:3000;padding:2rem}.modal-close{position:absolute;top:2rem;right:2rem;background-color:transparent;color:#fff;border:2px solid white;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:3002}.modal-close:hover{background-color:var(--color-error);border-color:var(--color-error)}.modal-carousel{max-width:900px;width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-height:90vh;overflow:hidden}.modal-header{text-align:center;padding:0 2rem;position:relative;z-index:10;background:transparent;flex-shrink:0}.modal-header h2{color:#fff;font-size:2rem;margin:0 0 .5rem}.modal-description{color:#fffc;font-size:1.1rem;margin:0}.modal-image-container{position:relative;display:flex;align-items:center;justify-content:center;height:450px;flex-shrink:0;overflow:hidden}.modal-image-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:100%;height:100%;justify-content:center}.modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.modal-caption{color:#fff;font-size:1.1rem;text-align:center;max-width:600px;line-height:1.6}@keyframes navButtonPulse{0%,to{box-shadow:0 4px 12px #0000004d}50%{box-shadow:0 4px 12px #ffffff4d}}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff40;color:#fff;border:2px solid rgba(255,255,255,.7);width:60px;height:60px;border-radius:50%;font-size:2.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:3001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;animation:navButtonPulse 3s ease-in-out infinite}.modal-nav:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #f956;animation:none}.modal-nav:active{transform:translateY(-50%) scale(.95)}.modal-prev{left:1rem}.modal-next{right:1rem}.modal-counter{text-align:center;color:#ffffffe6;font-size:1.1rem;font-weight:600;z-index:10;position:relative;background-color:#0000004d;padding:.75rem 1.5rem;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:968px){.galleries-grid{grid-template-columns:1fr;gap:1.5rem}.modal-prev{left:.5rem}.modal-next{right:.5rem}}@media(max-width:768px){.hobbies-hero{padding:3rem 1rem}.hobbies-hero-content h1{font-size:2.5rem}.hobbies-tagline{font-size:1.1rem}.hobbies-content{padding:3rem 1rem}.gallery-modal-overlay{padding:1rem}.modal-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}.modal-header{padding:0 1rem}.modal-header h2{font-size:1.75rem}.modal-description{font-size:1rem}.modal-image{max-height:50vh}.modal-nav{width:50px;height:50px;font-size:2rem}.modal-caption{font-size:1rem;padding:0 1rem}}.contact{min-height:100vh}.contact-hero{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%);border-bottom:2px solid var(--color-border);padding:4rem 2rem;text-align:center}.contact-hero-content h1{font-size:3rem;margin:0 0 1rem;color:var(--color-primary)}.contact-tagline{font-size:1.3rem;color:var(--color-text);opacity:.9;margin:0}.contact-content{padding:4rem 2rem;background-color:var(--color-background)}.contact-container{max-width:1200px;margin:0 auto}.contact-grid-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-form-section h2,.resume-section h2{font-size:1.75rem;color:var(--color-primary);margin:0 0 1.5rem}.resume-section{display:flex;flex-direction:column}.resume-actions-small{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.download-btn-small{background-color:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.95rem;cursor:pointer;transition:all .3s ease}.download-btn-small:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.resume-date{color:var(--color-text);opacity:.7;font-size:.9rem;margin:0}.resume-viewer-small{flex:1;background-color:var(--color-background-alt);border:2px solid var(--color-border);border-radius:8px;overflow:hidden;min-height:600px}.resume-iframe-small{width:100%;height:100%;min-height:600px;border:none;display:block}.resume-loading-small,.resume-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.resume-loading-small p,.resume-not-found p{color:var(--color-text);opacity:.7;font-size:1rem}.contact-info h2{font-size:2rem;color:var(--color-primary);margin:0 0 1rem}.contact-info>p{color:var(--color-text);opacity:.9;line-height:1.8;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-method h3{color:var(--color-primary);font-size:1.2rem;margin:0 0 .75rem}.contact-method p,.contact-method a{color:var(--color-text);opacity:.9;text-decoration:none;line-height:1.6}.contact-method a:hover{color:var(--color-primary);opacity:1}.social-links{display:flex;flex-direction:column;gap:.5rem}.contact-form-wrapper h2{font-size:2rem;color:var(--color-primary);margin:0 0 1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:var(--color-text);font-size:1rem;font-weight:500}.form-group input,.form-group textarea{background-color:var(--color-background-alt);border:2px solid var(--color-border);color:var(--color-text);padding:.875rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff99551a}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{background-color:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-family:Fira Code,monospace;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff99554d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-status{margin-top:1rem;padding:1rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.95rem;font-weight:500;text-align:center}.form-status.success{background-color:#28a7451a;border:2px solid rgba(40,167,69,.5);color:#28a745}.form-status.error{background-color:#dc35451a;border:2px solid rgba(220,53,69,.5);color:#dc3545}@media(max-width:768px){.contact-hero{padding:3rem 1rem}.contact-hero-content h1{font-size:2.5rem}.contact-tagline{font-size:1.1rem}.contact-content{padding:3rem 1rem}.contact-grid-split{grid-template-columns:1fr;gap:3rem}.contact-form-section h2,.resume-section h2{font-size:1.5rem}.resume-viewer-small,.resume-iframe-small{min-height:500px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);font-family:Fira Code,monospace}.login-box{background:#333;padding:3rem;border-radius:15px;box-shadow:0 8px 32px #0006;width:100%;max-width:400px;border:2px solid #ff9955}.login-box h1{color:#f95;margin:0 0 .5rem;font-size:2rem;text-align:center}.login-subtitle{color:#fff;margin:0 0 2rem;text-align:center;font-size:.9rem;opacity:.8}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fb8;font-size:.9rem;font-weight:500}.form-group input{background:#2a2a2a;border:2px solid #444444;border-radius:8px;padding:.75rem 1rem;color:#fff;font-family:Fira Code,monospace;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#f95}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ff52521a;border:1px solid #ff5252;border-radius:8px;padding:.75rem;color:#f88;font-size:.9rem;text-align:center}.login-button{background:#f95;color:#2a2a2a;border:none;border-radius:8px;padding:1rem;font-family:Fira Code,monospace;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background:#fb8;transform:translateY(-2px);box-shadow:0 4px 12px #ff99554d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{color:#888;font-size:.8rem;text-align:center;margin-top:1.5rem;margin-bottom:0}@media(max-width:480px){.login-box{padding:2rem 1.5rem;margin:1rem}.login-box h1{font-size:1.5rem}}.dashboard{display:flex;min-height:100vh;background:#1a1a1a;font-family:Fira Code,monospace}.sidebar{width:250px;background:#2a2a2a;border-right:2px solid #ff9955;display:flex;flex-direction:column;transition:transform .3s ease;position:fixed;height:100vh;z-index:1000}.sidebar.closed{transform:translate(-100%)}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid #444}.sidebar-header h2{color:#f95;margin:0 0 .5rem;font-size:1.5rem}.user-info{color:#fb8;font-size:.85rem;margin:0;opacity:.9}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#fff;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-link:hover{background:#333;border-left-color:#f95}.nav-link.active{background:#333;border-left-color:#f95;color:#f95}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.nav-text{font-size:.95rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #444}.logout-button{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;color:#f88;border:1px solid #ff8888;border-radius:8px;font-family:Fira Code,monospace;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#ff88881a;border-color:#f55}.main-content{flex:1;margin-left:250px;transition:margin-left .3s ease}.sidebar.closed+.main-content{margin-left:0}.content-wrapper{padding:2rem;max-width:1400px;margin:0 auto}.sidebar-toggle{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:#f95;color:#2a2a2a;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #ff99554d;z-index:999;display:none;transition:all .3s ease}.sidebar-toggle:hover{background:#fb8;transform:scale(1.1)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#2a2a2a}.sidebar-nav::-webkit-scrollbar-thumb{background:#f95;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fb8}@media(max-width:768px){.sidebar{width:200px}.main-content{margin-left:0}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex;align-items:center;justify-content:center}}.overview{color:#fff}.page-title{color:#f95;font-size:2.5rem;margin:0 0 .5rem}.page-subtitle{color:#fb8;font-size:1.1rem;margin:0 0 3rem;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#2a2a2a;border:2px solid #444;border-radius:12px;padding:2rem;display:flex;align-items:center;gap:1.5rem;text-decoration:none;transition:all .3s ease}.stat-card:hover{border-color:#f95;transform:translateY(-4px);box-shadow:0 8px 24px #f953}.stat-icon{font-size:3rem}.stat-value{font-size:2.5rem;font-weight:700;color:#f95;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.quick-actions{margin-bottom:3rem}.quick-actions h2{color:#fb8;font-size:1.5rem;margin:0 0 1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-button{background:#333;border:2px solid #444;border-radius:10px;padding:1.5rem;text-align:center;color:#fff;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.action-button span{font-size:2rem}.action-button:hover{background:#3a3a3a;border-color:#f95;transform:translateY(-2px)}.recent-activity h2{color:#fb8;font-size:1.5rem;margin:0 0 1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#2a2a2a;border:1px solid #444;border-radius:10px;padding:1.5rem;display:flex;align-items:start;gap:1rem}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-content{flex:1}.activity-content p{margin:0 0 .5rem}.activity-content strong{color:#f95}.activity-desc{color:#aaa;font-size:.9rem;margin:0!important}.overview-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#f95;font-size:1.2rem}@media(max-width:768px){.page-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}.galleries-page{padding:2rem;max-width:1400px;margin:0 auto}.galleries-header{margin-bottom:2rem}.galleries-header h1{color:var(--color-primary);margin-bottom:.5rem}.galleries-header .subtitle{color:var(--color-text-muted);font-size:.95rem}.gallery-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--color-border);padding-bottom:0;flex-wrap:wrap}.gallery-tab-wrapper{position:relative;display:inline-flex;align-items:center}.gallery-tab{background:none;border:none;color:var(--color-text-muted);padding:1rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);border-bottom:3px solid transparent;position:relative;display:flex;align-items:center;gap:.5rem}.gallery-tab:hover{color:var(--color-text);background:var(--color-background-alt)}.gallery-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.new-gallery-btn{background-color:var(--color-background-alt);border:2px dashed var(--color-primary);border-bottom-color:transparent;color:var(--color-primary)}.new-gallery-btn:hover{background-color:#ff99551a;color:var(--color-primary-hover)}.edit-gallery-btn{position:absolute;top:-5px;right:25px;background-color:var(--color-primary);border:none;border-radius:50%;width:20px;height:20px;color:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease}.gallery-tab-wrapper:hover .edit-gallery-btn{opacity:1}.edit-gallery-btn:hover{background-color:var(--color-primary-hover);transform:scale(1.1)}.delete-gallery-btn{position:absolute;top:-5px;right:0;background-color:var(--color-error);border:none;border-radius:50%;width:20px;height:20px;color:#fff;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease}.gallery-tab-wrapper:hover .delete-gallery-btn{opacity:1}.delete-gallery-btn:hover{background-color:#b71c1c;transform:scale(1.1)}.gallery-tab .image-count{background:var(--color-primary);color:var(--color-background-dark);padding:.2rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-background-alt);padding:2rem;border-radius:var(--border-radius);max-width:500px;width:90%;border:2px solid var(--color-primary);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:var(--color-primary);margin-top:0;margin-bottom:1.5rem;font-family:var(--font-family)}.form-group label{display:block;color:var(--color-text);margin-bottom:.5rem;font-family:var(--font-family);font-size:.95rem;font-weight:500}.form-group input{width:100%;padding:.75rem;background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);font-family:var(--font-family);font-size:.95rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-background)}.form-group small{display:block;color:var(--color-text-muted);margin-top:.4rem;font-size:.85rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-create{padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-family:var(--font-family);font-size:.95rem;font-weight:600;transition:var(--transition);background-color:var(--color-primary);color:var(--color-background-dark)}.btn-create:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.images-section{margin-top:2rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.image-card{background:var(--color-background-alt);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.image-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg)}.image-preview{width:100%;height:200px;overflow:hidden;background:var(--color-background-dark);display:flex;align-items:center;justify-content:center}.image-preview img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.image-card:hover .image-preview img{transform:scale(1.05)}.image-info{padding:1rem;min-height:60px}.image-caption{color:var(--color-text);font-size:.9rem;margin:0;cursor:pointer;padding:.5rem;border-radius:4px;transition:var(--transition)}.image-caption:hover{background:var(--color-background-dark)}.image-caption em{color:var(--color-text-muted);font-style:italic}.caption-edit{display:flex;flex-direction:column;gap:.5rem}.caption-edit input{width:100%;padding:.5rem;background:var(--color-background-dark);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:var(--font-family);font-size:.9rem}.caption-edit input:focus{outline:none;border-color:var(--color-primary)}.caption-actions{display:flex;gap:.5rem}.caption-actions button{flex:1;padding:.4rem;border-radius:4px;border:none;font-size:.85rem;cursor:pointer;transition:var(--transition);font-family:var(--font-family);font-weight:500}.btn-save{background:var(--color-primary);color:var(--color-background-dark)}.btn-save:hover{background:var(--color-primary-hover)}.btn-cancel{background:var(--color-background-dark);color:var(--color-text);border:1px solid var(--color-border)}.btn-cancel:hover{background:var(--color-border)}.image-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--color-border);background:var(--color-background-dark)}.btn-reorder{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:var(--transition);font-size:1rem}.btn-reorder:hover:not(:disabled){background:var(--color-border);color:var(--color-primary)}.btn-rotate{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);padding:.4rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:1rem}.btn-rotate:hover{background:var(--color-border);color:var(--color-primary)}.btn-rotate:active{transform:scale(.95)}.btn-delete{background:#ff52521a;color:var(--color-error);border:1px solid var(--color-error);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:var(--transition);margin-left:auto}.btn-delete:hover{background:var(--color-error);color:var(--color-background-dark)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}@media(max-width:768px){.galleries-page{padding:1rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-tabs{overflow-x:auto;gap:.5rem}.gallery-tab{padding:.75rem 1rem;font-size:.9rem;white-space:nowrap}.image-preview{height:150px}}.resume-page{padding:2rem;max-width:1200px;margin:0 auto}.resume-header{margin-bottom:2rem}.resume-header h1{color:var(--color-primary);margin-bottom:.5rem}.resume-header .subtitle{color:var(--color-text-muted);font-size:.95rem}.message{padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.error{background:#ff52521a;border:1px solid var(--color-error);color:var(--color-error)}.message.success{background:#4caf501a;border:1px solid var(--color-success);color:var(--color-success)}.close-message{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.close-message:hover{background:#ffffff1a}.upload-section{background:var(--color-background-alt);padding:2rem;border-radius:var(--border-radius);text-align:center;margin-bottom:2rem;border:2px dashed var(--color-border);transition:var(--transition)}.upload-section:hover{border-color:var(--color-primary);background:#ff99550d}.upload-button{display:inline-block;background:var(--color-primary);color:var(--color-background-dark);padding:.85rem 2rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:1rem}.upload-button:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--box-shadow)}.upload-hint{margin-top:1rem;color:var(--color-text-muted);font-size:.9rem}.resume-section{margin-bottom:2rem}.resume-info-card{background:var(--color-background-alt);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--box-shadow)}.resume-info-card h2{color:var(--color-primary);margin-top:0;margin-bottom:1.5rem;font-size:1.3rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.info-value{font-size:1rem;color:var(--color-text)}.info-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.btn-download{background:var(--color-primary);color:var(--color-background-dark);padding:.7rem 1.5rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-size:.95rem;font-weight:600;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-download:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn-delete{background:#ff52521a;color:var(--color-error);border:1px solid var(--color-error);padding:.7rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-delete:hover{background:var(--color-error);color:#fff;transform:translateY(-2px)}.resume-preview{background:var(--color-background-alt);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow)}.resume-preview h3{color:var(--color-text);margin-top:0;margin-bottom:1rem;font-size:1.1rem}.pdf-iframe{width:100%;height:800px;border:1px solid var(--color-border);border-radius:var(--border-radius);background:#fff}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);background:var(--color-background-alt);border-radius:var(--border-radius);border:2px dashed var(--color-border)}.empty-state p:first-child{font-size:1.2rem;margin-bottom:.5rem}.empty-state p:last-child{font-size:.95rem}.versions-section{margin-top:3rem}.versions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.versions-header h2{color:var(--color-text);font-size:1.3rem;margin:0}.btn-toggle{background:var(--color-background-alt);color:var(--color-text);border:1px solid var(--color-border);padding:.6rem 1.2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:var(--transition)}.btn-toggle:hover{background:var(--color-border);color:var(--color-primary)}.versions-table-container{background:var(--color-background-alt);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.versions-table{width:100%;border-collapse:collapse}.versions-table thead{background:var(--color-background-dark)}.versions-table th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.9rem;border-bottom:2px solid var(--color-border)}.versions-table tbody tr{border-bottom:1px solid var(--color-border);transition:var(--transition)}.versions-table tbody tr:hover{background:#ff99550d}.versions-table tbody tr.active-version{background:#ff99551a}.versions-table td{padding:1rem;color:var(--color-text);font-size:.9rem}.badge{padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-block}.badge-active{background:var(--color-success);color:#fff}.badge-inactive{background:var(--color-background-dark);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-activate{background:var(--color-primary);color:var(--color-background-dark);border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-weight:600;transition:var(--transition)}.btn-activate:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.loading{text-align:center;padding:4rem 2rem;color:var(--color-primary);font-size:1.1rem}@media(max-width:768px){.resume-page{padding:1rem}.info-grid{grid-template-columns:1fr}.info-actions{flex-direction:column}.pdf-iframe{height:600px}.versions-table-container{overflow-x:auto}.versions-table{min-width:600px}.versions-header{flex-direction:column;align-items:flex-start;gap:1rem}}.contacts-page{padding:2rem;max-width:1400px;margin:0 auto}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.contacts-header h1{font-size:2rem;color:var(--color-text);margin:0}.contacts-stats{display:flex;gap:2rem}.stat{color:var(--color-text);opacity:.7}.stat strong{color:var(--color-text);opacity:1;margin-left:.5rem}.stat-new strong{color:var(--color-primary)}.filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--color-border);overflow-x:auto}.filter-tab{background:none;border:none;color:var(--color-text);padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-family:Fira Code,monospace;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px}.filter-tab:hover{color:var(--color-primary)}.filter-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.contacts-content{display:grid;grid-template-columns:1fr;gap:2rem}.contacts-content.has-detail{grid-template-columns:1fr 400px}.messages-list{display:flex;flex-direction:column;gap:1rem}.no-messages{background-color:var(--color-background-alt);border-radius:15px;padding:3rem;text-align:center}.no-messages p{color:var(--color-text);opacity:.6;font-size:1.1rem;margin:0}.message-item{background-color:var(--color-background-alt);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative}.message-item:hover{border-color:var(--color-border);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.message-item.selected{border-color:var(--color-primary);background-color:var(--color-background-dark)}.message-item.new{background-color:#ff99550d}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.message-from{display:flex;flex-direction:column;gap:.25rem}.message-from strong{color:var(--color-text);font-size:1.1rem}.message-email{color:var(--color-primary);font-size:.9rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-new{background-color:#f953;color:var(--color-primary)}.status-read{background-color:#6464644d;color:#aaa}.status-replied{background-color:#4caf5033;color:#81c784}.status-archived{background-color:#4242424d;color:#888}.message-subject{color:var(--color-text);font-weight:700;margin-bottom:.5rem;font-size:1rem}.message-preview{color:var(--color-text);opacity:.7;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.message-date{color:var(--color-text);opacity:.5;font-size:.85rem}.message-actions{display:flex;gap:.5rem}.message-actions button{padding:.5rem 1rem;border-radius:8px;border:none;font-family:Fira Code,monospace;font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-mark-read{background-color:var(--color-primary);color:#fff}.btn-mark-read:hover{background-color:var(--color-primary-hover)}.btn-mark-unread{background-color:var(--color-background-dark);color:var(--color-text);border:1px solid var(--color-border)}.btn-mark-unread:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-cancel{background-color:var(--color-background-alt);color:var(--color-text);padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-family:Fira Code,monospace;transition:all .3s ease}.message-detail{background-color:var(--color-background-alt);border-radius:15px;padding:2rem;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.detail-header h2{color:var(--color-text);font-size:1.5rem;margin:0}.btn-close{background:none;border:none;color:var(--color-text);font-size:2rem;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close:hover{background-color:var(--color-background-dark);color:var(--color-primary)}.detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-field{display:flex;flex-direction:column;gap:.5rem}.detail-field label{color:var(--color-text);opacity:.6;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--color-text);font-size:1rem}.detail-value strong{display:block;margin-bottom:.25rem}.email-link{color:var(--color-primary);text-decoration:none;transition:all .3s ease}.email-link:hover{color:var(--color-primary-hover);text-decoration:underline}.message-text{background-color:var(--color-background-dark);padding:1rem;border-radius:8px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.detail-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1.5rem;border-top:2px solid var(--color-border)}.detail-actions button,.detail-actions a{padding:.75rem 1.5rem;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;border:none}.btn-reply{background-color:var(--color-primary);color:#fff;display:block}.btn-reply:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff99554d}.btn-archive{background-color:var(--color-background-dark);color:var(--color-text);border:1px solid var(--color-border)}.btn-archive:hover{border-color:var(--color-primary);color:var(--color-primary)}.detail-actions .btn-delete{background-color:#f443361a;color:#f44336;border:1px solid #f44336}.detail-actions .btn-delete:hover{background-color:#f4433633}@media(max-width:1024px){.contacts-content.has-detail{grid-template-columns:1fr}.message-detail{position:fixed;inset:0;max-height:100vh;border-radius:0;z-index:100}}@media(max-width:768px){.contacts-page{padding:1rem}.contacts-header{flex-direction:column;align-items:flex-start;gap:1rem}.contacts-stats{gap:1rem}.message-footer{flex-direction:column;align-items:flex-start;gap:1rem}.message-actions{flex-wrap:wrap}}.analytics-page{padding:2rem;max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header h1{font-size:2rem;color:var(--color-text);margin:0}.header-actions,.date-range-selector{display:flex;align-items:center;gap:1rem}.date-range-selector label{color:var(--color-text);font-size:.95rem}.date-range-selector select{background-color:var(--color-background-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.95rem;cursor:pointer;transition:all .3s ease}.date-range-selector select:hover{border-color:var(--color-primary)}.date-range-selector select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff99551a}.btn-clear-data{background-color:#f443361a;color:#f44336;border:1px solid #f44336;border-radius:8px;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-clear-data:hover:not(:disabled){background-color:#f4433633;transform:translateY(-2px)}.btn-clear-data:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--color-background-alt);border-radius:15px;padding:2rem;max-width:500px;width:90%;border:2px solid #f44336;box-shadow:0 8px 32px #00000080}.modal-content h2{color:var(--color-text);margin:0 0 1rem;font-size:1.5rem}.modal-content p{color:var(--color-text);opacity:.8;line-height:1.6;margin:0 0 1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-confirm-clear{background-color:#f44336;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Fira Code,monospace;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-confirm-clear:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-2px)}.btn-confirm-clear:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-clear{background-color:var(--color-background-dark);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1.5rem;font-family:Fira Code,monospace;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-cancel-clear:hover:not(:disabled){border-color:var(--color-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--color-background-alt);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:2px solid transparent}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #f953}.stat-icon{font-size:3rem;line-height:1}.stat-info{flex:1}.stat-info h3{color:var(--color-text);opacity:.7;font-size:.9rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--color-primary);font-size:2rem;font-weight:700;margin:0}.charts-row{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.charts-row.two-cols{grid-template-columns:repeat(2,1fr)}.chart-card{background-color:var(--color-background-alt);border-radius:15px;padding:2rem;border:2px solid transparent;transition:all .3s ease}.chart-card:hover{border-color:var(--color-border)}.chart-card h2{color:var(--color-text);font-size:1.3rem;margin:0 0 1.5rem}.chart-card.full-width{grid-column:1 / -1}.chart-card.half-width{width:100%}@media(min-width:1024px){.charts-row:has(.half-width){grid-template-columns:repeat(2,1fr)}}.custom-tooltip{background-color:var(--color-background-dark);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 12px #0000004d}.custom-tooltip .label{color:var(--color-text);font-size:.85rem;margin:0 0 .25rem;opacity:.7}.custom-tooltip .value{color:var(--color-primary);font-size:1rem;font-weight:700;margin:0}.table-container{overflow-x:auto}.popular-pages-table,.country-table{width:100%;border-collapse:collapse}.popular-pages-table thead,.country-table thead{background-color:var(--color-background-dark)}.popular-pages-table th,.country-table th{color:var(--color-text);text-align:left;padding:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.popular-pages-table tbody tr,.country-table tbody tr{border-bottom:1px solid var(--color-border);transition:all .3s ease}.popular-pages-table tbody tr:hover,.country-table tbody tr:hover{background-color:var(--color-background-dark)}.popular-pages-table td,.country-table td{color:var(--color-text);padding:1rem}.page-url{color:var(--color-primary);font-family:Fira Code,monospace;font-size:.9rem}.country-table .rank{color:var(--color-text);opacity:.6;font-weight:700;width:60px}.country-table .country-name{color:var(--color-primary);font-weight:700}.country-table .percentage{color:var(--color-text);opacity:.8;font-family:Fira Code,monospace}.no-data{text-align:center;padding:3rem;color:var(--color-text);opacity:.6;font-size:1rem}.info-message{background-color:var(--color-background-alt);border-left:4px solid var(--color-primary);border-radius:12px;padding:2rem;margin-top:2rem}.info-message h3{color:var(--color-primary);font-size:1.3rem;margin:0 0 1rem}.info-message p{color:var(--color-text);opacity:.8;line-height:1.6;margin:0}.error-message{background-color:#5a2020;color:#ff6b6b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #ff6b6b}.recharts-legend-wrapper,.recharts-legend-item-text{color:var(--color-text)!important}@media(max-width:1024px){.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-row{grid-template-columns:1fr}.chart-card.half-width{grid-column:1}}@media(max-width:768px){.analytics-page{padding:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:2.5rem}.stat-value{font-size:1.5rem}.chart-card{padding:1rem}.chart-card h2{font-size:1.1rem}.popular-pages-table{font-size:.85rem}.popular-pages-table th,.popular-pages-table td{padding:.75rem .5rem}}.projects-page{padding:2rem;max-width:1400px;margin:0 auto}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.projects-header h1{font-size:2rem;color:var(--color-text);margin:0}.btn-add-project{background-color:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-family:Fira Code,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-add-project:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff99554d}.error-message{background-color:#5a2020;color:#ff6b6b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #ff6b6b}.error-message button{background:none;border:none;color:#ff6b6b;font-size:1.5rem;cursor:pointer;padding:0 .5rem}.project-form-container{background-color:var(--color-background-alt);border-radius:15px;padding:2rem;margin-bottom:2rem;border:2px solid var(--color-border)}.project-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.project-form-header h2{color:var(--color-text);font-size:1.5rem;margin:0}.btn-close-form{background:none;border:none;color:var(--color-text);font-size:2rem;cursor:pointer;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close-form:hover{background-color:var(--color-background-dark);color:var(--color-primary)}.form-section{margin-bottom:2rem}.form-section h3{color:var(--color-primary);font-size:1.2rem;margin:0 0 1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--color-text);margin-bottom:.5rem;font-size:.95rem}.form-group input[type=text],.form-group input[type=url],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;background-color:var(--color-background-dark);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;font-family:Fira Code,monospace;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff99551a}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=file]{background-color:var(--color-background-dark);color:var(--color-text);padding:.5rem;border-radius:8px;cursor:pointer}.char-count{display:block;color:var(--color-text);opacity:.6;font-size:.85rem;margin-top:.25rem;text-align:right}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.image-preview{margin-top:1rem}.image-preview img{max-width:300px;max-height:200px;border-radius:8px;border:2px solid var(--color-border)}.file-count{color:var(--color-primary);font-size:.9rem;margin-top:.5rem}.link-group{display:grid;grid-template-columns:120px 1fr 150px auto;gap:.5rem;margin-bottom:.75rem;align-items:center}.link-group select,.link-group input{margin:0}.btn-remove-link{background-color:#f443361a;color:#f44336;border:1px solid #f44336;border-radius:8px;padding:.75rem 1rem;font-family:Fira Code,monospace;cursor:pointer;transition:all .3s ease}.btn-remove-link:hover{background-color:#f4433633}.btn-add-link{background-color:var(--color-background-dark);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;padding:.75rem 1rem;font-family:Fira Code,monospace;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-add-link:hover{background-color:#ff99551a}.form-checkboxes{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;color:var(--color-text);cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--color-border)}.btn-save-project{background-color:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:.75rem 2rem;font-family:Fira Code,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-save-project:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-save-project:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background-color:var(--color-background-dark);color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;padding:.75rem 2rem;font-family:Fira Code,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{border-color:var(--color-primary)}.projects-list{display:flex;flex-direction:column;gap:1.5rem}.no-projects{background-color:var(--color-background-alt);border-radius:15px;padding:3rem;text-align:center}.no-projects p{color:var(--color-text);opacity:.6;font-size:1.1rem;margin:0}.project-card{background-color:var(--color-background-alt);border-radius:15px;padding:1.5rem;display:grid;grid-template-columns:250px 1fr auto;gap:1.5rem;align-items:start;transition:all .3s ease;border:2px solid transparent;position:relative}.project-card:hover{border-color:var(--color-border);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.project-card.draft{opacity:.7;border-color:#ff99554d}.project-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:2px solid var(--color-border)}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.badge-featured,.badge-draft{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-featured{background-color:#ffd700e6;color:#000}.badge-draft{background-color:#ff9955e6;color:#fff}.project-info{display:flex;flex-direction:column;gap:.5rem}.project-info h3{color:var(--color-text);font-size:1.3rem;margin:0}.project-short-desc{color:var(--color-text);opacity:.8;margin:0;line-height:1.6}.project-meta{display:flex;gap:1rem;margin-top:.5rem}.category{background-color:var(--color-background-dark);color:var(--color-primary);padding:.25rem .75rem;border-radius:15px;font-size:.85rem;text-transform:capitalize}.tags{color:var(--color-text);opacity:.6;font-size:.85rem}.project-actions{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.project-actions button{padding:.5rem 1rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.85rem;cursor:pointer;transition:all .3s ease;border:none;white-space:nowrap}.btn-reorder{background-color:var(--color-background-dark);color:var(--color-text);border:1px solid var(--color-border)}.btn-reorder:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-reorder:disabled{opacity:.3;cursor:not-allowed}.btn-edit{background-color:var(--color-primary);color:#fff}.btn-edit:hover{background-color:var(--color-primary-hover)}.btn-publish{background-color:#4caf5033;color:#81c784;border:1px solid #81c784}.btn-publish:hover{background-color:#4caf504d}.btn-publish.unpublish{background-color:#ff980033;color:#ffb74d;border:1px solid #ffb74d}.btn-publish.unpublish:hover{background-color:#ff98004d}.btn-delete{background-color:#f443361a;color:#f44336;border:1px solid #f44336}.btn-delete:hover{background-color:#f4433633}.delete-confirm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-background-dark);padding:1.5rem;border-radius:12px;border:2px solid #f44336;box-shadow:0 8px 32px #00000080;z-index:10;min-width:300px}.delete-confirm p{color:var(--color-text);margin:0 0 1rem;text-align:center;font-weight:700}.confirm-actions{display:flex;gap:.5rem;justify-content:center}.btn-confirm-delete{background-color:#f44336;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-family:Fira Code,monospace;transition:all .3s ease}.btn-confirm-delete:hover{background-color:#d32f2f}.btn-cancel-delete{background-color:var(--color-background-alt);color:var(--color-text);padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-family:Fira Code,monospace;transition:all .3s ease}.btn-cancel-delete:hover{border-color:var(--color-primary)}.loading{text-align:center;padding:4rem;color:var(--color-text);opacity:.6;font-size:1.2rem}@media(max-width:1024px){.project-card{grid-template-columns:1fr}.project-actions{flex-direction:row;flex-wrap:wrap}.link-group{grid-template-columns:1fr}}@media(max-width:768px){.projects-page{padding:1rem}.projects-header{flex-direction:column;align-items:flex-start;gap:1rem}.project-form-container{padding:1rem}.form-row{grid-template-columns:1fr}.project-thumbnail{max-width:100%}}