@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;padding:0;overflow-x:hidden}.container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;position:relative}.container:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px);pointer-events:none}.card{background:linear-gradient(180deg,#fff,#f0f0f0);border-radius:15px;box-shadow:0 8px 16px #0000004d,inset 0 1px #fffc,0 0 0 1px #0000001a;padding:40px;width:100%;max-width:800px;border:3px solid #4a5568;position:relative}.card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#667eea);border-radius:15px;z-index:-1;filter:blur(8px);opacity:.6}.title{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:24px;text-align:center;text-shadow:2px 2px 0px #cbd5e0,4px 4px 0px rgba(0,0,0,.1);letter-spacing:2px}.subtitle{text-align:center;color:#4a5568;margin-bottom:20px;font-style:italic;font-size:14px}.form-group{margin-bottom:20px}.label{display:block;font-size:15px;font-weight:700;color:#2d3748;margin-bottom:8px;text-shadow:1px 1px 0px rgba(255,255,255,.8)}.input{width:100%;padding:12px 16px;border:2px solid #4a5568;border-radius:8px;background:linear-gradient(180deg,#fff,#f7fafc);font-size:16px;box-sizing:border-box;box-shadow:inset 2px 2px 4px #0000001a;font-family:Courier New,Courier,monospace;font-weight:700}.password-visible{letter-spacing:2px;color:#e53e3e;font-size:18px}.input:focus{outline:none;border-color:#667eea;box-shadow:inset 2px 2px 4px #0000001a,0 0 0 3px #667eea4d}.backspace-btn{margin-top:8px;font-size:14px;color:#e53e3e;background:linear-gradient(180deg,#fed7d7,#fc8181);border:2px solid #c53030;border-radius:6px;cursor:pointer;padding:6px 12px;font-weight:700;box-shadow:2px 2px #0003;transition:transform .1s}.backspace-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #0003}.backspace-btn:active{transform:translate(2px,2px);box-shadow:none}.keyboard-label{display:flex;align-items:center;gap:8px;margin-bottom:12px}.label-text{font-size:14px;color:#2d3748;font-weight:700}.shuffle-icon{font-size:12px;opacity:.7;font-style:italic}.key-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.key{background:linear-gradient(180deg,#4299e1,#2b6cb0);color:#fff;padding:12px;border-radius:6px;font-size:16px;font-family:Courier New,Courier,monospace;font-weight:700;border:2px solid #2c5282;cursor:pointer;transition:all .1s;box-shadow:0 4px #1a365d,0 4px 8px #0000004d;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.key:hover{background:linear-gradient(180deg,#63b3ed,#3182ce);transform:translateY(-2px);box-shadow:0 6px #1a365d,0 6px 12px #0000004d}.key:active{transform:translateY(2px);box-shadow:0 2px #1a365d,0 2px 4px #0000004d}.next-btn,.signup-btn{width:100%;background:linear-gradient(180deg,#48bb78,#2f855a);color:#fff;padding:14px 20px;border-radius:10px;border:3px solid #22543d;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 6px #1c4532,0 6px 12px #0000004d;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-top:10px}.next-btn:hover,.signup-btn:hover{background:linear-gradient(180deg,#68d391,#38a169);transform:translateY(-2px);box-shadow:0 8px #1c4532,0 8px 16px #0000004d}.next-btn:active,.signup-btn:active{transform:translateY(4px);box-shadow:0 2px #1c4532,0 2px 4px #0000004d}.physics-box{background:linear-gradient(135deg,#edf2f7,#e2e8f0);padding:20px;border-radius:10px;margin-bottom:20px;border:3px solid #718096;box-shadow:inset 0 2px 8px #0000001a}.physics-title{font-weight:700;color:#1a202c;margin-bottom:12px;font-size:20px;text-shadow:1px 1px 0px rgba(255,255,255,.8)}.physics-desc{font-size:14px;color:#2d3748;margin-bottom:16px;line-height:1.6}.canvas{border:3px solid #4a5568;border-radius:8px;margin-bottom:16px;width:100%;height:100px;background:#fff;box-shadow:inset 0 2px 4px #0000001a}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.small-label{display:block;font-size:13px;color:#2d3748;margin-bottom:6px;font-weight:700}.number-input{width:100%;padding:10px 14px;border:2px solid #4a5568;border-radius:6px;font-size:16px;box-sizing:border-box;background:#fff;box-shadow:inset 1px 1px 3px #0000001a;font-family:Courier New,Courier,monospace;font-weight:700}.simulate-btn{width:100%;background:linear-gradient(180deg,#4299e1,#2b6cb0);color:#fff;padding:14px 20px;border-radius:10px;border:3px solid #2c5282;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 6px #1a365d,0 6px 12px #0000004d;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.simulate-btn:hover:not(.disabled){background:linear-gradient(180deg,#63b3ed,#3182ce);transform:translateY(-2px);box-shadow:0 8px #1a365d,0 8px 16px #0000004d}.simulate-btn:active:not(.disabled){transform:translateY(4px);box-shadow:0 2px #1a365d,0 2px 4px #0000004d}.simulate-btn.disabled{background:linear-gradient(180deg,#a0aec0,#718096);cursor:not-allowed;opacity:.6}.footer{margin-top:20px;font-size:12px;color:#4a5568;text-align:center;font-style:italic;padding:10px;background:#edf2f780;border-radius:6px;border:1px dashed #718096}.login-page{background:#000;overflow:hidden}.login-page:before{background-image:repeating-linear-gradient(0deg,#ff0000 0px,#ff0000 2px,transparent 2px,transparent 4px),repeating-linear-gradient(90deg,#0000ff 0px,#0000ff 2px,transparent 2px,transparent 4px);animation:scroll 20s linear infinite}@keyframes scroll{0%{background-position:0 0}to{background-position:100px 100px}}.login-card{background:linear-gradient(45deg,#f0f,#0ff,#ff0);border:5px solid #ff0000;animation:rainbow 3s linear infinite;box-shadow:0 0 20px #f0f,0 0 40px #0ff,0 0 60px #ff0}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.login-btn{width:100%;background:linear-gradient(180deg,red,#c00);color:#ff0;padding:16px 24px;border-radius:10px;border:4px solid #ffff00;cursor:pointer;font-size:20px;font-weight:700;transition:all .2s;box-shadow:0 8px #900,0 8px 20px #ff000080,0 0 20px red;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px #ffff00;margin-top:20px}.login-btn:hover{transform:scale(1.05);box-shadow:0 12px #900,0 12px 30px #ff0000b3,0 0 30px red}.annoying-marquee{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f);color:#fff;font-weight:700;font-size:18px;padding:15px;position:fixed;top:0;left:0;right:0;z-index:9999;box-shadow:0 4px 8px #00000080;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:rainbow 2s linear infinite}#cursor-follower{position:fixed;pointer-events:none;z-index:10000;background:#ff0;color:red;padding:8px 12px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 8px #0000004d;border:2px solid #ff0000;animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.blink{animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{0%,49%{opacity:1}50%,to{opacity:0}}.pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.visitor-counter{text-align:center;margin-top:20px;padding:15px;background:linear-gradient(135deg,#000,#333);border:3px solid #00ff00;border-radius:8px;color:#0f0;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;box-shadow:0 0 10px #0f0,inset 0 0 10px #0f03;text-shadow:0 0 5px #00ff00}.visitor-counter img{display:none}.hint{display:block;margin-top:8px;color:#718096;font-size:13px;font-style:italic;padding:8px;background:#ffffff80;border-radius:4px;border-left:3px solid #4299e1}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@media(max-width:768px){.key-grid{grid-template-columns:repeat(6,1fr)}.title{font-size:24px}.card{padding:24px}}