body{box-sizing:border-box;background:#d7fbfb;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Poppins,sans-serif;display:flex}.stopwatch-container{text-align:center;width:100%;max-width:400px}.title{color:#f623cc;letter-spacing:1px;margin-bottom:20px;font-family:Times New Roman,Times,serif;font-size:2rem;font-weight:700}.stopwatch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background-color:#fff;border:2px solid #ffffff4d;border-radius:20px;flex-direction:column;align-items:center;width:100%;padding:25px;display:flex;box-shadow:0 4px 20px #00000040}.display{color:#0a0a0a;text-shadow:2px 2px 10px #0006;word-break:break-word;margin-bottom:20px;font-size:2rem;font-weight:700}.controls{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn{cursor:pointer;color:#f1eded;text-align:center;border:none;border-radius:8px;min-width:90px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.start{background-color:#00c851}.start:hover{background-color:#009e3e}.stop{background-color:#f44}.stop:hover{background-color:#c00}.reset{background-color:#4285f4}.reset:hover{background-color:#3367d6}@media (max-width:480px){.title,.display{font-size:1.5rem}.btn{min-width:70px;padding:8px 15px;font-size:.9rem}.stopwatch{padding:20px}}@media (min-width:1200px){.title{font-size:2.5rem}.display{font-size:3rem}.stopwatch{padding:40px}.btn{min-width:100px;padding:10px 25px;font-size:1.2rem}}