*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto,sans-serif}body{background:linear-gradient(135deg,#0f172a,#020617);min-height:100vh;color:#e5e7eb}.container{max-width:420px;margin:80px auto;background:#020617;padding:30px;border-radius:14px;box-shadow:0 20px 40px #00000080}h1{text-align:center;margin-bottom:20px;color:#38bdf8}h2{margin-bottom:15px;color:#e5e7eb}input{width:100%;padding:12px;margin-bottom:12px;background:#020617;border:1px solid #1e293b;border-radius:8px;color:#e5e7eb}input:focus{outline:none;border-color:#38bdf8}button{width:100%;padding:12px;background:linear-gradient(135deg,#38bdf8,#2563eb);border:none;border-radius:8px;color:#020617;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}button:hover{transform:translateY(-2px);opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}.upload-box{border:2px dashed #334155;padding:20px;text-align:center;border-radius:10px;margin-bottom:15px}.loader{margin:15px auto;width:40px;height:40px;border:4px solid #1e293b;border-top:4px solid #38bdf8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:20px;padding:15px;border-radius:10px;background:#020617;border:1px solid #1e293b}.result{box-shadow:0 0 20px #38bdf826}.result{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result.fake{border-left:5px solid #ef4444}.result.real{border-left:5px solid #22c55e}.confidence{margin-top:8px;font-weight:700}.footer{text-align:center;margin-top:15px;font-size:12px;color:#94a3b8}
