*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .6s ease,color .6s ease;padding:20px;text-align:center}.light{background:linear-gradient(135deg,#fdfbfb,#ebedee);color:#1a1a1a}.dark{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f5f5f5}.title{font-size:2.5rem;margin-top:30px;transition:color .6s ease}.text{font-size:1.2rem;opacity:.85;max-width:700px;margin-top:10px;transition:color .6s ease}.toggle-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:20px}.switch{position:relative;display:inline-block;width:70px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:50px;transition:.5s;box-shadow:inset 0 2px 4px #0003}.slider:before{position:absolute;content:"☀️";height:26px;width:26px;left:4px;bottom:4px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:.5s;box-shadow:0 4px 10px #0000004d}input:checked+.slider{background:#4facfe;box-shadow:0 0 20px #4facfe}input:checked+.slider:before{transform:translate(36px) rotate(360deg);content:"🌙";background:#222;color:#fff}.mode-text{font-weight:600;font-size:1rem;-webkit-user-select:none;user-select:none;transition:color .6s ease}@media (max-width: 1024px){.title{font-size:2rem}.text{font-size:1rem;max-width:600px}.switch{width:60px;height:30px}.slider:before{height:22px;width:22px}}@media (max-width: 600px){.title{font-size:1.6rem}.text{font-size:.95rem;max-width:90%}.toggle-wrapper{gap:10px}.mode-text{font-size:.9rem}.switch{width:55px;height:28px}.slider:before{height:20px;width:20px;font-size:12px}input:checked+.slider:before{transform:translate(27px) rotate(360deg)}}