:root {
    --bree-ink: #13152a;
    --bree-night: #1e2138;
    --bree-slate: #424769;
    --bree-steel: #676f9d;
    --bree-cloud: #e2e4ed;
    --bree-amber: #f9b17a;
    --bree-ember: #d97c4a;
    --bree-mint: #24d39e;
    --bree-sky: #6096f6;
}

html { scroll-behavior: smooth; }
    body { -webkit-font-smoothing: antialiased; font-weight: 500; }
    .glass { background: rgba(66,71,105,0.18); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(103,111,157,0.30); }
    .glass-card { background: rgba(66,71,105,0.22); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(103,111,157,0.30); border-radius: 28px; padding: 2.4rem 2rem; box-shadow: 0 24px 48px -12px rgba(0,0,0,0.40); transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; }
    .glass-card:hover { transform: translateY(-5px); border-color: rgba(249,177,122,0.45); box-shadow: 0 0 40px rgba(249,177,122,0.08), 0 24px 48px -12px rgba(0,0,0,0.40); }
    @keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
    .f1{animation:floatY 6s ease-in-out infinite;}
    .f2{animation:floatY 6s ease-in-out 1.5s infinite;}
    .f3{animation:floatY 6s ease-in-out 3s infinite;}
    .f4{animation:floatY 6s ease-in-out 0.8s infinite;}
    .btn-coral { display:inline-block; background:linear-gradient(90deg, #f9b17a 0%, #e8a66f 100%); color:var(--bree-ink); font-weight:800; padding:0.95rem 2.4rem; border-radius:40px; border:2px solid transparent; transition:all 0.25s cubic-bezier(.23,1,.32,1); letter-spacing:0.4px; box-shadow:0 24px 48px rgba(217,124,74,0.22); cursor:pointer; text-decoration:none; font-family:'Raleway',sans-serif; }
    .btn-coral:hover { background:transparent; border-color:#f9b17a; color:#f9b17a; box-shadow:0 0 30px rgba(249,177,122,0.35); transform:scale(0.97); }
    .btn-outline { display:inline-block; background:transparent; border:2px solid #f9b17a; color:#f9b17a; font-weight:800; padding:0.95rem 2.4rem; border-radius:40px; transition:all 0.25s; text-decoration:none; font-family:'Raleway',sans-serif; }
    .btn-outline:hover { background:#f9b17a; color:var(--bree-ink); }
    .badge { display:inline-block; background:rgba(66,71,105,0.18); backdrop-filter:blur(8px); border:1px solid rgba(103,111,157,0.30); padding:0.45rem 1.1rem; border-radius:100px; font-size:0.82rem; font-weight:600; letter-spacing:1.2px; color:#f9b17a; text-transform:uppercase; }
    .toggle-mod.active { border-color: rgba(249,177,122,0.6) !important; background: rgba(249,177,122,0.08) !important; }
    .toggle-mod.active .chk { display:flex !important; }
    .toggle-mod .chk { display:none; }
    ::-webkit-scrollbar { width: 6px; height: 4px; }
    ::-webkit-scrollbar-track { background: #1e2138; }
    ::-webkit-scrollbar-thumb { background: #424769; border-radius: 3px; }
    .scroll-x { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #424769 #1e2138; }