:root{--bg-color:#1f2937;--text-color:#e5e7eb;--shadow-light:-5px -5px 10px #2d3b4f;--shadow-dark:5px 5px 10px #111827;--shadow-inset-light:inset -2px -2px 5px #2d3b4f;--shadow-inset-dark:inset 2px 2px 5px #111827;--accent-color:#60a5fa;--glow-color:#60a5fa}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}.neumorphic{background:var(--bg-color);box-shadow:var(--shadow-dark), var(--shadow-light);border:none;border-radius:20px;transition:all .3s}.neumorphic-inset{background:var(--bg-color);box-shadow:var(--shadow-inset-dark), var(--shadow-inset-light);border:none;border-radius:20px}.neumorphic-button{background:var(--bg-color);box-shadow:var(--shadow-dark), var(--shadow-light);cursor:pointer;color:var(--text-color);border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}.neumorphic-button:hover{color:var(--glow-color);text-shadow:0 0 8px #60a5fa66}.neumorphic-button:active{box-shadow:var(--shadow-inset-dark), var(--shadow-inset-light);transform:scale(.98)}.neumorphic-input{background:var(--bg-color);box-shadow:var(--shadow-inset-dark), var(--shadow-inset-light);box-sizing:border-box;width:100%;color:var(--text-color);border:none;border-radius:12px;outline:none;padding:12px 16px}.applet-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:20px;display:grid}.container{max-width:1400px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:50px}.header h1{text-transform:uppercase;letter-spacing:2px;margin:0;font-size:2.5rem}.nav-bar{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.card{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.card h3{color:var(--accent-color);margin-top:0}.form-group{margin-bottom:20px}.form-group label{color:#9ca3af;margin-bottom:8px;font-weight:600;display:block}