:root{--primary-color: #4CAF50;--secondary-color: #2196F3;--background-color: #f9f9f9;--text-color: #333;--border-color: #ddd;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--border-radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}a{color:var(--secondary-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin-bottom:1rem;line-height:1.2}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;text-align:center;transition:background-color .3s ease}.btn:hover{background-color:#388e3c;text-decoration:none}input,textarea{background:var(--bg-1);color:inherit;width:4.5rem}.percent{width:3.8em}footer{margin-top:2em;background-color:gray;color:#fff}#intro{font-size:1.4rem;padding-bottom:1.2rem}p{font-size:1rem}input:read-only{background-color:#a7de83}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}