:root{--primary-color:#6A1B9A;--secondary-color:#4A6E4A;--accent-color:#6A1B9A;--neon-cyan:#8E66A3;--neon-pink:#8E66A3;--background-color:#F5F5FA;--card-bg:rgba(255, 255, 255, 0.8);--body-bg:var(--background-color);--text-color:#333333;--heading-color:#5A1A85;--muted-text:#555555;--white:#FFFFFF;--gray-light:#EEEEEE;--gray-medium:#B0BEC5;--font-primary:'Montserrat', sans-serif;--font-body:'Lora', serif;--font-ui:'Inter', sans-serif;--font-accent:'Pacifico', cursive;--neon-glow:none;--box-shadow:0 4px 12px rgba(106, 27, 154, 0.1);--transition-base:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);--border-radius:12px}[data-theme=dark]{--primary-color:#6A1B9A;--secondary-color:#4A6E4A;--accent-color:#6A1B9A;--neon-cyan:#8E66A3;--neon-pink:#8E66A3;--background-color:#1A1E24;--card-bg:rgba(30, 40, 50, 0.9);--body-bg:linear-gradient(to bottom, #1A1E24, #23272E);--text-color:#D0D0D0;--heading-color:#F5F5F5;--muted-text:#A0A0A0}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05);text-shadow:0 0 5px var(--accent-color),0 0 15px var(--accent-color),0 0 25px var(--accent-color);transition:var(--transition-base)}}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.pulse-glow{animation:pulse .5s ease-in-out}.neon-glow{box-shadow:none;text-shadow:none;transition:none}.glow-progress{box-shadow:none;transition:none}.scale-up{transform:scale(1.1);transition:transform .3s ease}.slider-track{transition:transform .5s ease-out}.slide.fade-in-up{animation:fadeInUp .5s ease-out}.slide-dot{transition:all .3s ease}.slide-dot.active{background-color:var(--accent-color)}.slide-dot.pulse-glow{animation:pulse .5s ease-in-out}.slide-dot.scale-up{transform:scale(1.2)}.slider-prev,.slider-next{transition:all .3s ease}.slider-prev.neon-glow,.slider-next.neon-glow{box-shadow:0 0 10px var(--neon-cyan)}#reading-progress{height:3px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transition:width .25s cubic-bezier(.4,0,.2,1)}#reading-progress.glow-progress{box-shadow:none}[data-feather]{transition:transform .3s ease}[data-feather].scale-up{transform:scale(1.1)}[data-feather].neon-glow{filter:drop-shadow(0 0 5px var(--neon-cyan))}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.main-content{min-height:100vh;padding:2rem 0;background:var(--body-bg)}.welcome-section{padding:3rem 1rem;position:relative;text-align:center;color:var(--text-color);overflow:hidden}.welcome-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;z-index:1}.header-box{position:relative;z-index:2;margin-bottom:2rem}.main-title{font-family:var(--font-primary);font-size:2.5rem;font-weight:600;margin-bottom:1rem;display:flex;flex-direction:column}.main-title.neon-glow{animation:breathe 3s ease-in-out infinite}.main-title.neon-glow:hover{transform:translateY(-4px);box-shadow:var(--subtle-shadow)}.welcome-text,.brand-name{display:block}.welcome-text{font-size:1.5rem;font-weight:400}.brand-name{font-size:2.5rem;font-weight:600}.slogan{font-family:var(--font-body);font-size:1.2rem;margin-bottom:1.5rem}.slogan-text{display:block}.services-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 1rem;max-width:1200px;margin:0 auto}.service-box{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;position:relative;min-height:250px;width:100%;max-width:300px;margin:0 auto;overflow:hidden}.service-box:hover{transform:scale(1.05);box-shadow:var(--subtle-shadow)}.clickable-box{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-color);height:100%}.icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem;transition:opacity .25s ease}.icon.material-icons{font-size:3rem}.text-content{position:relative;min-height:6rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.default-text{font-family:var(--font-ui);font-size:1.5rem;font-weight:500;transition:opacity .25s ease;position:relative;z-index:1}.hover-text{font-family:var(--font-body);font-size:1rem;color:var(--muted-text);opacity:0;transition:opacity .25s ease;position:absolute;top:0;left:0;right:0;padding:0 1rem;z-index:0;line-height:1.5;max-height:6rem;overflow:hidden;text-overflow:ellipsis}.service-box:hover .hover-text{opacity:1;z-index:1}.service-box:hover .default-text{opacity:0}.service-box:hover .icon{opacity:1}.footer-social-icons a{color:var(--primary-color);transition:color .25s ease}.footer-social-icons a:hover{color:var(--secondary-color)}[data-theme=light] .footer-social-icons a{color:#5a1a85}@media(min-width:768px){.welcome-section{padding:5rem 2rem}.main-title{font-size:3.5rem}.welcome-text{font-size:2rem}.brand-name{font-size:3.5rem}.slogan{font-size:1.5rem}.services-grid{gap:2rem}.service-box{padding:2.5rem}}@media(max-width:480px){.main-title{font-size:2rem}.welcome-text{font-size:1.2rem}.brand-name{font-size:2rem}.slogan{font-size:1rem}.services-grid{grid-template-columns:1fr;gap:1rem}.service-box{max-width:100%;min-height:200px}}