@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--bg-main:#0f172a;--bg-card:rgba(30,41,59,.6);--bg-input:rgba(15,23,42,.8);--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#8b5cf6;--border-light:rgba(255,255,255,.08);--border-focus:rgba(99,102,241,.5)}body{font-family:'Inter',sans-serif;background:radial-gradient(circle at top,#1e1b4b 0%,var(--bg-main) 70%);background-attachment:fixed;margin:0;padding:60px 20px;display:flex;justify-content:center;color:var(--text-main);min-height:100vh;box-sizing:border-box}.container{width:100%;max-width:1000px;text-align:center;animation:fadeIn .6s ease-out}h1{font-size:56px;font-weight:800;margin-bottom:50px;background:linear-gradient(135deg,#a5b4fc 0%,#c4b5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1.5px;drop-shadow:0 4px 12px rgba(0,0,0,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-bottom:40px;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:30px;border-radius:20px;border:1px solid var(--border-light);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.input-box{display:flex;flex-direction:column}label{margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.5px}input{height:52px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-input);padding:0 16px;color:#fff;font-size:15px;box-sizing:border-box;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}input:focus{outline:none;border-color:var(--primary);background:#1e293b;box-shadow:0 0 0 4px rgba(99,102,241,.15) , inset 0 2px 4px rgba(0,0,0,.1)}input::placeholder{color:#475569}.btn-row{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:end}button{height:52px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border:none;color:#fff;box-shadow:0 10px 20px -10px var(--primary)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px -10px var(--primary);filter:brightness(110%)}.submit-btn:active{transform:translateY(0)}.ai-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.ai-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.copy-btn{height:40px;padding:0 20px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#a5b4fc;border-radius:8px;font-size:14px;margin:10px 0}.copy-btn:hover{background:rgba(99,102,241,.2);color:#fff}.error{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:16px;border-radius:12px;margin-bottom:24px;font-weight:500;backdrop-filter:blur(4px)}.success-box{background:linear-gradient(180deg,rgba(30,41,59,.8) 0%,rgba(15,23,42,.8) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--primary);box-shadow:0 0 40px -10px rgba(99,102,241,.3);padding:40px 30px;border-radius:20px;margin:40px 0;text-align:center;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.success-box a{display:inline-block;color:#818cf8;font-size:24px;font-weight:700;text-decoration:none;margin:15px 0;word-break:break-all;transition:color .2s}.success-box a:hover{color:#c4b5fd;text-shadow:0 0 15px rgba(139,92,246,.5)}.success-box img{background:#fff;padding:12px;border-radius:16px;margin:20px 0;box-shadow:0 10px 25px -5px rgba(0,0,0,.5);transition:transform .3s ease}.success-box img:hover{transform:scale(1.05)}.table-title{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;text-align:left;margin-top:60px;font-size:13px;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding-bottom:12px;letter-spacing:.5px}.history-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;text-align:left;align-items:center;transition:background .2s}.history-row:hover{background:rgba(255,255,255,.02);border-radius:8px;padding-left:8px}.history-row a{color:#818cf8;text-decoration:none;font-weight:500}.history-row a:hover{text-decoration:underline;color:#a5b4fc}.cookie-popup{background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border:1px solid var(--border-light);box-shadow:0 -10px 40px rgba(0,0,0,.5);position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:18px 26px;border-radius:10px;width:360px;text-align:center;display:none}.cookie-popup button{width:100%;margin-top:10px;height:42px;background:#1e293b;border-radius:6px;border:none;color:#fff;font-size:15px;cursor:pointer}@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}@media (max-width:900px){.form-row{grid-template-columns:1fr;padding:20px}.btn-row{grid-template-columns:1fr 1fr}}@media (max-width:600px){h1{font-size:42px}.btn-row{grid-template-columns:1fr}.table-title,.history-row{grid-template-columns:1fr;gap:8px;text-align:center}.history-row{padding:15px;background:rgba(255,255,255,.02);border-radius:12px;margin-bottom:10px;border:1px solid rgba(255,255,255,.05)}.history-row:hover{padding-left:15px}.table-title{display:none}}