.flash-message{position:fixed!important;top:1rem!important;right:1rem!important;padding:1rem 1.5rem!important;border-radius:.5rem!important;box-shadow:0 4px 8px #0000001a!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;animation:slideIn .3s ease!important}.flash-message.success{background-color:var(--success-color);color:var(--dark-text)}.flash-message.error{background-color:var(--error-color);color:var(--dark-text)}.flash-message.info{background-color:#058977;color:#fff}.flash-message .check-icon{color:#11f246;font-size:1.5rem}.flash-message p{margin:0}.flash-message p,.flash-message.error p{color:#fff!important}.flash-message .close-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.flash-message.fade-out{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}:root{--header-height: 70px;--easing: cubic-bezier(.4, 0, .2, 1);--transition: all .3s var(--easing);--gradient: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 100%);--secondary-color: #4ecdc4;--dark-text: #ffffff}.header{background:#0a0a0af2;padding:1rem 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:109px;border-bottom:1px solid rgba(255,255,255,.1)}.container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{display:flex;align-items:center}.logo-image{height:150px;width:150px;object-fit:contain;margin-top:0;border-radius:50%}.nav-links{display:flex;gap:2rem;align-items:center}.nav-content{display:flex;gap:2rem}.nav-item{color:#fff;text-decoration:none;position:relative;padding:.5rem 0;transition:var(--transition);opacity:1;transform:none}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient);transition:width .3s ease}.nav-item:hover:after,.nav-item.active:after{width:100%}.nav-item.active{color:var(--secondary-color)}.desktop-socials{display:flex;gap:1.5rem}.desktop-socials a{color:#fff;font-size:1.4rem;transition:var(--transition)}.desktop-socials a:hover{color:var(--secondary-color);transform:translateY(-2px)}.mobile-socials{display:none;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);gap:2rem}.mobile-socials a{color:#fff;font-size:1.8rem;transition:var(--transition)}.mobile-socials a:hover{color:var(--secondary-color)}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:var(--transition);z-index:1001;padding:.5rem}.nav-profile{display:flex;align-items:center;position:relative;gap:1rem}.profile-container{position:relative;cursor:pointer;overflow:visible}.nav-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-dropdown{position:fixed;top:100%;right:0;background:#0a0a0af2;border:1px solid rgba(255,255,255,.1);border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:9999;min-width:150px;overflow:hidden}.profile-dropdown .dropdown-item{display:block;padding:.75rem 1rem;color:#fff;text-decoration:none;background:transparent;border:none;text-align:left;width:100%;cursor:pointer;position:relative;transition:background .3s ease,border-bottom .3s ease}.profile-dropdown .dropdown-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient);transition:width .3s ease}.profile-dropdown .dropdown-item:hover:after,.profile-dropdown .dropdown-item:focus:after{width:100%}.dark-mode .profile-dropdown{background:#0a0a0af2;border-color:#ffffff1a}.dark-mode .profile-dropdown .dropdown-item{color:#fff}@media (max-width: 1024px){.nav-links{position:fixed;top:0;left:0;transform:translate(-100%);width:320px;height:100vh;background:#0a0a0afa;flex-direction:column;padding:120px 2rem 2rem;transition:transform .4s var(--easing);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999}.nav-links.active{transform:translate(0)}.nav-content{flex-direction:column;gap:1.5rem;width:100%}.menu-toggle{display:block}.nav-profile{margin-right:1rem}.profile-dropdown{right:10px;min-width:120px}}@media (max-width: 480px){.container{padding:0 1rem}.logo-image{margin-left:.5rem}}@media (max-width:700px){.logo-image{width:59px;height:59px}}@media (min-width:1500px){.profile-dropdown{right:25%}}.auth-section{display:flex;align-items:center;margin-left:auto}.auth-buttons{display:flex;gap:1.5rem;align-items:center}.icon{margin-right:.5rem}.nav-item.signup{background:var(--gradient);padding:.5rem 1.5rem;border-radius:4px;font-weight:600}.nav-item.signup:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.profile-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.2rem}@media (max-width: 1024px){.auth-section{margin:2rem 0;width:100%}.auth-buttons{flex-direction:column;gap:1.5rem;width:100%}.nav-item.signup{display:block;text-align:center;padding:.75rem}.nav-profile{margin-top:2rem}.mobile-socials{display:flex;position:static;transform:none;justify-content:center;margin-top:3rem;width:100%}}.desktop-socials{margin-left:2rem}.dark-mode .nav-item.signup{box-shadow:0 2px 4px #0000004d}.footer{background:var(--color-footer);color:#fff;padding:4rem 0 2rem;position:relative;z-index:100}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;padding:2rem}.footer-logo{height:150px;border-radius:50%;width:auto;margin-bottom:1rem}.logo-text-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.text-gradient{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2,h3,h4{color:var(--secondary)}.footer-section h4{margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--secondary)}.footer-social{display:flex;gap:1rem}.footer-social a{color:#fff;font-size:1.5rem;transition:color .3s ease}.footer-social a:hover{color:var(--secondary)}.footer-copyright{text-align:center;border-top:1px solid #444;padding-top:1rem;margin-top:2rem;margin-bottom:3rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center;margin-bottom:1rem}.logo-text-container{gap:.5rem}.text-gradient{font-size:1.2rem}}.dark-mode .footer-section ul li a:hover,.dark-mode .footer-social a:hover{color:var(--primary)}.dark-mode .footer-section ul li a{color:var(--dark-text)}.layout{position:relative}.top-button{position:fixed;bottom:20px;right:20px;background:var(--primary);color:#fff;border:none;border-radius:50%;padding:.75rem;cursor:pointer;z-index:10000;box-shadow:0 4px 8px #0003;transition:background .3s ease}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:#ff4545;z-index:2000;transition:width .2s ease}.top-button:hover{background:var(--secondary)}.dark-mode-toggle{position:fixed;bottom:20px;left:20px;background:var(--primary);color:#fff;border:none;z-index:1000;border-radius:50%;padding:.75rem;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background .3s ease}.dark-mode-toggle:hover{background:var(--secondary)}.dark-mode{background-color:#000;color:#e0e0e0}.dark-mode button{background:var(--primary);color:var(--light)}.dark-mode .location-card,.dark-mode .service-card{background:#333;color:#e0e0e0}.dark-mode .location-card:hover,.dark-mode .service-card:hover{background:#444}.dark-mode .why-us-section p,.dark-mode .about-section p{color:#fff}.dark-mode .media-card{background:#202020;color:#e0e0e0}.dark-mode .media-card:hover{background:#111}.dark-mode .media-card h3{color:#fff}.dark-mode .media-page{background:#000;color:#e0e0e0}.dark-mode .media-title{color:var(--primary)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#adff2f;background:#000}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{font-size:1.2rem;font-weight:700}:root{--primary: #d20389;--secondary: #4f07ca;--dark: #0f1725;--black: #000;--light: #f8fafc;--accent:#ff4763;--pale-light:#d2e1f4;--color-navbar: #c00559;--color-footer: #030d1e;--text-color: #d78787;--about-page-color: #9bdbfc;--dark-bg: #121212;--dark-text: #e0e0e0;--bg-darkmode:linear-gradient(135deg, var(--dark-primary), var(--dark));--dark-primary:#2a2a72;--dark-secondary:#009ffd;--success-color: #28a745;--error-color: #dc3545;--color-violet: #3d314845;--header-gradient-bg:linear-gradient(70deg, #09151e, #4a3274)}:root{--bg-color: #ffffff;--text-color: #333333;--primary-color: #6200ee;--border-color: #dddddd;--btn-bg: #6200ee;--btn-text: #ffffff}[data-theme=dark]{--bg-color: #121212;--text-color: #e0e0e0;--primary-color: #bb86fc;--border-color: #444444;--btn-bg: #bb86fc;--btn-text: #121212}body{margin:0;font-family:Noto Sans JP,Segoe UI,system-ui,sans-serif;background-color:#f4f4f4;overflow-x:hidden}h1,h2,h3,h4{color:var(--primary);margin:.9rem 0}p{color:#c9acf2}a{color:#fff;text-decoration:none}.error{color:var(--color-error)}.success{color:var(--color-success)}.container{width:80%;margin:auto;overflow:hidden}.button{display:inline-block;font-size:18px;color:#fff;background:#e8491d;padding:10px 20px;text-decoration:none;border-radius:5px}.button:hover{background:#c7361a}.form-group{margin-bottom:2rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:#666;position:absolute;top:-20px;left:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--input-background-color) inset!important;-webkit-text-fill-color:var(--input-text-color)!important}img{max-width:100%;height:auto;display:block}.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}.dark-mode a{color:var(--dark-secondary)}.dark-mode .button:hover,.dark-mode a:hover{background:var(--dark);color:var(--light)}.dark-mode a,.dark-mode p,.dark-mode label{color:var(--light)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}
