/* ONE DAY CARE CENTRE LTD — cross-platform app studio theme */
:root{
  --bg:#0b1220;
  --panel:#0f172a;
  --accent:#38bdf8;
  --accent-2:#fbbf24;
  --muted:#9ca3af;
  --text:#e5e7eb;
  --border:rgba(255,255,255,0.08);
  --shadow:0 20px 70px rgba(0,0,0,0.45);
  --radius:18px;
  --font-display:'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
}
*{box-sizing:border-box;}body{margin:0;font-family:var(--font-display);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;}img{max-width:100%;display:block;border-radius:14px;}

.wrapper{max-width:1180px;margin:0 auto;padding:0 22px;}header{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,rgba(11,18,32,0.9) 0%,rgba(11,18,32,0.7) 100%);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);}nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;} .logo{text-transform:uppercase;letter-spacing:0.08em;font-weight:800;color:var(--accent);} .logo small{display:block;font-size:11px;color:var(--muted);} .nav-links{display:flex;gap:16px;align-items:center;} .nav-links a{padding:10px 14px;border:1px solid transparent;border-radius:999px;transition:all .2s;} .nav-links a:hover{border-color:var(--border);background:rgba(255,255,255,0.04);} .cta-btn{background:var(--accent);color:#0b1220;font-weight:700;box-shadow:0 10px 40px rgba(56,189,248,0.35);} .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;} .burger span{width:26px;height:2px;background:var(--text);border-radius:3px;}

.hero{padding:48px 0 36px;position:relative;overflow:hidden;} .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:32px;align-items:center;position:relative;} .hero-grid > div:first-child{position:relative;z-index:2;} .tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:13px;} .tag .dot{width:7px;height:7px;background:var(--accent-2);border-radius:50%;display:inline-block;} h1{font-size:48px;line-height:1.1;margin:16px 0 12px;} .hero p{color:var(--muted);max-width:520px;font-size:16px;} .stack-badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px;} .stack-badges span{padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.03);font-size:13px;color:var(--text);} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;} .hero-actions .cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:1px solid transparent;line-height:1;} .ghost-btn{border:1px solid var(--border);padding:12px 16px;border-radius:12px;color:var(--text);} .stat-card{background:var(--panel);padding:16px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);} .stat-card strong{display:block;font-size:24px;color:var(--accent);} .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px;} .hero-visual{position:relative;min-height:360px;z-index:0;} .glass-card{position:absolute;inset:0;border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(145deg,rgba(15,23,42,0.9),rgba(15,23,42,0.6));padding:22px;box-shadow:var(--shadow);z-index:1;} .floating{position:absolute;right:-20px;bottom:-20px;width:70%;border-radius:20px;border:1px solid var(--border);overflow:hidden;transform:rotate(-6deg);z-index:0;} .floating img{width:100%;height:100%;object-fit:cover;}

.section{padding:64px 0;} .section h2{font-size:32px;margin:0 0 12px;} .section p.lead{color:var(--muted);max-width:720px;margin:0 0 24px;}

.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;} .card{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow);} .card h3{margin:6px 0 8px;font-size:20px;} .card p{color:var(--muted);margin:0 0 12px;} .pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);padding:6px 10px;border:1px solid var(--border);border-radius:999px;text-transform:uppercase;letter-spacing:0.04em;}

.slider{position:relative;overflow:hidden;} .slides{display:flex;border-radius:var(--radius);width:100%;} .slide{flex:0 0 100%;padding:22px;background:var(--panel);border-right:1px solid var(--border);} .slider-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;} .slider-controls button{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer;}

.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;} .process .step{padding:18px;border-radius:var(--radius);border:1px dashed var(--border);} .step strong{color:var(--accent);} .step small{color:var(--muted);}

.accordion{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);} .accordion-item{border-bottom:1px solid var(--border);} .accordion-button{width:100%;text-align:left;padding:16px;background:var(--panel);color:var(--text);font-size:16px;border:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;} .accordion-content{max-height:0;overflow:hidden;transition:max-height .25s ease, opacity .25s ease;opacity:0;padding:0 16px;} .accordion-content.open{padding:0 16px 16px;opacity:1;}

.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0c1527;color:var(--text);} .contact-form button{padding:14px 16px;border:0;border-radius:12px;background:var(--accent);color:#0b1220;font-weight:700;cursor:pointer;box-shadow:var(--shadow);} .contact-note{color:var(--muted);font-size:13px;}

.footer{background:var(--panel);border-top:1px solid var(--border);padding:28px 0 20px;margin-top:48px;} .footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:16px;} .footer small{color:var(--muted);} .footer a{color:var(--text);} .footer .contacts a{display:block;color:var(--muted);} .legal{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}

.cookie-banner{position:fixed;bottom:16px;right:16px;max-width:340px;background:var(--panel);border:1px solid var(--border);padding:16px;border-radius:14px;box-shadow:var(--shadow);display:none;z-index:90;} .cookie-banner p{margin:0 0 12px;color:var(--muted);} .cookie-actions{display:flex;gap:10px;flex-wrap:wrap;} .cookie-actions button{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);cursor:pointer;} .cookie-actions .accept{background:var(--accent);color:#0b1220;border:0;}

.policy-page{padding:48px 0 32px;} .policy-page h1{margin:0 0 12px;font-size:34px;} .policy-page h2{margin-top:28px;} .policy-page p,.policy-page li{color:var(--muted);line-height:1.6;} .policy-page ul{padding-left:20px;}

.thanks{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;}

@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{min-height:0;margin-top:24px;}
  .glass-card{position:relative;inset:auto;}
  .floating{position:relative;right:auto;bottom:auto;width:100%;transform:none;margin-top:16px;}
  .footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
  .contact-form{grid-template-columns:1fr;}
}
@media (max-width:760px){
  nav{flex-wrap:wrap;}
  .nav-links{position:absolute;top:68px;left:0;right:0;background:var(--panel);flex-direction:column;padding:12px;display:none;border-bottom:1px solid var(--border);} .nav-links.open{display:flex;}
  .burger{display:flex;}
  h1{font-size:36px;}
  .hero{padding-top:28px;}
}