.container{max-width:600px;margin:30px auto;padding:35px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;box-shadow:0 15px 35px rgb(0 0 0 / .3);font-family:'Arial',sans-serif;position:relative;overflow:hidden}@media (max-width:567px){.container{width:95%}}.container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.content{position:relative;z-index:1}.title{text-align:center;color:#fff;font-size:32px;margin-bottom:35px;font-weight:700;text-shadow:3px 3px 6px rgb(0 0 0 / .4);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{text-shadow:3px 3px 6px rgb(0 0 0 / .4),0 0 10px rgb(255 255 255 / .2)}to{text-shadow:3px 3px 6px rgb(0 0 0 / .4),0 0 20px rgb(255 255 255 / .4)}}.input-group{margin-bottom:25px;background:rgb(255 255 255 / .15);padding:25px;border-radius:15px;backdrop-filter:blur(15px);border:1px solid rgb(255 255 255 / .2);transition:all 0.3s ease}.input-group:hover{background:rgb(255 255 255 / .2);transform:translateY(-2px)}.label{display:block;color:#fff;font-size:18px;margin-bottom:12px;font-weight:600;text-shadow:1px 1px 2px rgb(0 0 0 / .3)}.input-field{width:100%;padding:18px;font-size:20px;border:none;border-radius:10px;background:rgb(255 255 255 / .9);color:#333;box-sizing:border-box;transition:all 0.3s ease;text-align:center;font-weight:600}.input-field:focus{outline:none;background:#fff;box-shadow:0 0 20px rgb(255 255 255 / .6);transform:scale(1.02)}.middle-section{display:flex;align-items:center;justify-content:center;margin:20px 0;gap:15px}.arrow{color:#fff;font-size:28px;animation:bounce 2s infinite;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.multiplier-select{padding:12px 20px;font-size:16px;border:none;border-radius:10px;background:rgb(255 255 255 / .95);color:#333;cursor:pointer;font-weight:600;min-width:180px;text-align:center;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .2)}.multiplier-select:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .3)}.multiplier-select:focus{outline:none;box-shadow:0 0 15px rgb(255 255 255 / .8)}.button-group{display:flex;gap:15px;margin-top:25px}.clear-btn,.copy-btn{flex:1;padding:15px;border:2px solid rgb(255 255 255 / .3);border-radius:10px;font-size:16px;cursor:pointer;transition:all 0.3s ease;font-weight:600}.clear-btn{background:rgb(255 255 255 / .2);color:#fff}.copy-btn{background:rgb(76 175 80 / .8);color:#fff;border-color:rgb(76 175 80 / .5)}.clear-btn:hover,.copy-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(0 0 0 / .3)}.clear-btn:hover{background:rgb(255 255 255 / .3)}.copy-btn:hover{background:rgb(76 175 80)}.formula-display{text-align:center;color:rgb(255 255 255 / .9);font-size:16px;margin-top:20px;padding:15px;background:rgb(255 255 255 / .1);border-radius:10px;font-weight:600;border:1px solid rgb(255 255 255 / .2)}.result-highlight{background:rgb(255 215 0 / .3)!important;animation:highlight 0.5s ease}@keyframes highlight{0%{background:rgb(255 215 0 / .6)!important}100%{background:rgb(255 215 0 / .3)!important}}.toast{position:fixed;top:20px;right:20px;background:rgb(76 175 80 / .95);color:#fff;padding:15px 25px;border-radius:10px;font-weight:600;z-index:1000;transform:translateX(400px);transition:transform 0.3s ease}.toast.show{transform:translateX(0)}