:root{--primary-color:#FF9933;--secondary-color:#138808;--accent-color:#000080;--bg-color:#f8f9fa;--text-color:#333333;--section-bg:#ffffff;--card-bg:#ffffff;--header-bg:rgba(255,255,255,0.95);--border-color:#e5e7eb;--border-radius:12px;--transition:all 0.3s ease;--hero-overlay:linear-gradient(135deg,rgba(255,255,255,0.88),rgba(240,253,244,0.78));--hero-text-shadow:0 2px 8px rgba(255,255,255,0.45);--landing-bg-image:url('../images/backgrounds/friendship-1.png');--footer-bg:#000080;}body.dark-mode{--primary-color:#FF9933;--secondary-color:#22c55e;--accent-color:#60a5fa;--bg-color:#0f172a;--text-color:#e5e7eb;--section-bg:#111827;--card-bg:#1e293b;--header-bg:rgba(2,6,23,0.95);--border-color:#334155;--hero-overlay:linear-gradient(135deg,rgba(2,6,23,0.88),rgba(15,23,42,0.78));--hero-text-shadow:0 2px 8px rgba(0,0,0,0.6);--footer-bg:#020617;}body.dark-mode .hero{background-image:linear-gradient(rgba(15,23,42,0.85),rgba(15,23,42,0.98)),url('../images/hero-bg.jpg') !important;background-position:center !important;background-size:cover !important;}body.dark-mode .hero p{color:var(--accent-color) !important;font-weight:500;opacity:1 !important;}body.dark-mode section[style]{background-color:var(--section-bg) !important;border-color:var(--border-color) !important;color:var(--text-color) !important;}body.dark-mode .page-header{background:linear-gradient(135deg,var(--section-bg) 0%,var(--card-bg) 100%);color:var(--text-color);border-bottom:1px solid var(--border-color);}body.dark-mode .faq-section{background:var(--section-bg);}body.dark-mode .card h2,body.dark-mode .card h3{color:var(--primary-color) !important;}body.dark-mode .card p{color:var(--text-color);opacity:0.9;}body,header,nav,section,.card,.faq-item,footer,button{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;}header{background:var(--header-bg);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.05);}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;}.logo img{height:40px;width:auto;border-radius:5px;}.nav-links{display:flex;gap:2rem;list-style:none;}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:var(--transition);position:relative;}.nav-links a:hover{color:var(--primary-color);}.nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);transition:var(--transition);}.nav-links a:hover::after{width:100%;}.btn-chat{background:linear-gradient(135deg,var(--primary-color),#ff7a00);color:white !important;padding:0.5rem 1.5rem;border-radius:25px;font-weight:600;box-shadow:0 4px 15px rgba(255,153,51,0.3);}.btn-chat::after{display:none;}.btn-chat:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,153,51,0.4);}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;}.theme-toggle{width:52px;height:28px;border-radius:999px;border:none;background:#cbd5e1;display:flex;align-items:center;position:relative;cursor:pointer;padding:4px;transition:background 0.3s ease;margin-left:1rem;}body.dark-mode .theme-toggle{background:var(--primary-color);}.theme-toggle .theme-icon{width:20px;height:20px;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform 0.3s cubic-bezier(0.4,0.0,0.2,1);box-shadow:0 2px 4px rgba(0,0,0,0.2);}body.dark-mode .theme-toggle .theme-icon{transform:translateX(24px);}main{margin-top:80px;min-height:calc(100vh - 80px - 200px);}.hero{background:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.9)),url('../images/hero-bg.jpg') center/cover;padding:6rem 2rem;text-align:center;position:relative;}.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 33%,white 33%,white 66%,var(--secondary-color) 66%);}.hero h1{font-size:3.5rem;margin-bottom:1rem;color:var(--accent-color);}.hero p{font-size:1.2rem;color:var(--text-color);opacity:0.8;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}.btn-primary{background-color:var(--primary-color);color:white;padding:0.8rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:var(--transition);border:2px solid var(--primary-color);}.btn-primary:hover{background-color:transparent;color:var(--primary-color);}.btn-secondary{background-color:transparent;color:var(--secondary-color);padding:0.8rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:var(--transition);border:2px solid var(--secondary-color);}.btn-secondary:hover{background-color:var(--secondary-color);color:white;}.features{padding:4rem 2rem;max-width:1200px;margin:0 auto;}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--accent-color);}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}.card{background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:var(--transition);text-align:center;}.card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.1);}.card i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem;}.card h3{margin-bottom:1rem;color:var(--accent-color);}.page-header{background:var(--primary-color);color:white;padding:4rem 2rem;text-align:center;}.landing-hero{position:relative;overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:0 0 32px 32px;isolation:isolate;padding:4rem 2rem;text-align:center;}.landing-hero::before{content:"";position:absolute;inset:0;background-image:var(--landing-bg-image);background-size:cover;background-position:center;opacity:0.35;transform:scale(1.04);transition:opacity 0.8s ease,background-image 0.8s ease;z-index:-2;}.landing-hero::after{content:"";position:absolute;inset:0;background:var(--hero-overlay);z-index:-1;}.landing-hero h1{font-size:3rem;margin-bottom:1rem;color:var(--accent-color);text-shadow:var(--hero-text-shadow);position:relative;z-index:1;}.landing-hero p{font-size:1.2rem;color:var(--text-color);text-shadow:var(--hero-text-shadow);position:relative;z-index:1;max-width:800px;margin:0 auto;}body.dark-mode .landing-hero::before{opacity:0.28;}body.dark-mode .landing-hero h1,body.dark-mode .landing-hero p{color:var(--text-color);}@media (prefers-reduced-motion:reduce){.landing-hero::before{transition:none;transform:none;}}.container{max-width:1000px;margin:4rem auto;padding:0 2rem;}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px);width:100%;}.chat-gate{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);}.gate-card{background:white;padding:3rem;border-radius:var(--border-radius);box-shadow:0 15px 50px rgba(0,0,0,0.1);text-align:center;max-width:400px;width:90%;}.gate-card img{width:80px;margin-bottom:1rem;}.chat-frame-wrapper{display:none;flex:1;width:100%;}.chat-frame-wrapper iframe{width:100%;height:100%;border:none;}.form-group{margin-bottom:1.5rem;text-align:left;}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;}.form-control{width:100%;padding:0.8rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;background:var(--card-bg);color:var(--text-color);transition:var(--transition);}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,153,51,0.2);}.btn-submit{width:100%;background:var(--primary-color);color:white;border:none;padding:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);}.btn-submit:hover{background:#e68a2e;}footer{background:var(--footer-bg);color:white;padding:3rem 2rem 1rem;text-align:center;}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;}.footer-section{flex:1;min-width:250px;text-align:left;}.footer-section h4{color:var(--primary-color);margin-bottom:1rem;}.footer-section p{color:#ccc;}.social-links{display:flex;gap:1rem;margin-top:1rem;}.social-links a{color:white;font-size:1.5rem;transition:var(--transition);}.social-links a:hover{color:var(--primary-color);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:1rem;color:rgba(255,255,255,0.6);font-size:0.9rem;}.footer-bottom div[style],.footer-bottom p{color:rgba(255,255,255,0.6) !important;}@media (max-width:768px){nav{padding:1rem;}.logo{font-size:1.2rem;gap:8px;}.logo img{height:32px;}.mobile-menu-btn{display:block;}.nav-links{position:absolute;top:100%;left:0;width:100%;background:var(--card-bg);flex-direction:column;padding:2rem;box-shadow:0 10px 15px rgba(0,0,0,0.1);clip-path:circle(0% at 100% 0);transition:all 0.4s ease-out;}.nav-links.active{clip-path:circle(150% at 100% 0);}.nav-links li{text-align:center;}.hero h1{font-size:2.5rem;}.footer-content{flex-direction:column;}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:var(--transition);opacity:0;visibility:hidden;z-index:999;border:none;}.back-to-top.visible{opacity:1;visibility:visible;}.back-to-top:hover{transform:translateY(-5px);background:var(--accent-color);box-shadow:0 6px 20px rgba(0,0,0,0.3);}body.dark-mode .back-to-top:hover{background:var(--accent-color);color:var(--bg-color);}.age-gate-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,0.72);backdrop-filter:blur(8px);}.age-gate-modal.active{display:flex;}.age-gate-card{width:min(720px,100%);max-height:90vh;overflow-y:auto;background:var(--card-bg,#ffffff);color:var(--text-color,#1f2937);border:1px solid var(--border-color,#e5e7eb);border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,0.35);text-align:left;}.age-gate-icon{font-size:42px;margin-bottom:10px;}.age-gate-card h2{margin-bottom:12px;font-size:28px;color:var(--accent-color);}.age-gate-card p,.age-gate-card li{line-height:1.6;}.age-gate-card ul{margin:16px 0;padding-left:22px;}.age-gate-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}.age-gate-actions .btn{border:none;cursor:pointer;border-radius:999px;padding:12px 24px;font-weight:700;font-family:inherit;font-size:1rem;transition:var(--transition);}.age-gate-actions .btn-primary{background:var(--primary-color,#16a34a);color:#ffffff;}.age-gate-actions .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);}.age-gate-actions .btn-secondary{background:transparent;color:var(--text-color,#1f2937);border:1px solid var(--border-color,#e5e7eb);}.age-gate-actions .btn-secondary:hover{background:rgba(0,0,0,0.05);}body.dark-mode .age-gate-modal{background:rgba(0,0,0,0.78);}body.dark-mode .age-gate-actions .btn-secondary:hover{background:rgba(255,255,255,0.05);}body.age-gate-open{overflow:hidden;}.safety-note{font-size:0.9rem;color:var(--text-color);opacity:0.8;margin-top:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5;}.safety-note a{color:var(--primary-color);text-decoration:underline;font-weight:600;}@media (max-width:600px){.age-gate-card{padding:20px;border-radius:18px;}.age-gate-card h2{font-size:22px;}.age-gate-actions{flex-direction:column;}.age-gate-actions .btn{width:100%;}}.safety-alert-overlay{position:fixed;inset:0;z-index:11000;background:rgba(2,6,23,0.75);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px;}.safety-alert-overlay.active{display:flex;}.safety-alert-card{background:var(--card-bg,#ffffff);color:var(--text-color,#1f2937);padding:32px;border-radius:24px;max-width:540px;width:100%;box-shadow:0 25px 60px rgba(0,0,0,0.4);text-align:center;border:1px solid var(--border-color);animation:alertFadeIn 0.3s ease-out;}@keyframes alertFadeIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.safety-alert-card i{font-size:48px;color:var(--primary-color);margin-bottom:16px;}.safety-alert-card h3{font-size:24px;margin-bottom:12px;color:var(--accent-color);}.safety-alert-card p{margin-bottom:24px;line-height:1.6;font-size:1.05rem;}.safety-alert-card .btn-ok{background:var(--primary-color);color:white;border:none;padding:12px 40px;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);font-family:inherit;}.safety-alert-card .btn-ok:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,153,51,0.3);}body.dark-mode .safety-alert-overlay{background:rgba(0,0,0,0.82);}