:root{--bg: #0b1220;--card: #121a2b;--text: #e7eefc;--muted: #b9c3d9;--accent: #5da0ff;--danger: #ff6b6b;--border: #23314f;--soft: #0e1a33}[data-theme=light]{--bg: #f5f7fa;--card: #ffffff;--text: #1a1a1a;--muted: #555;--accent: #0077ff;--danger: #d90429;--border: #d0d7e5;--soft: #f0f2f7}[data-theme=dark]{--bg: #0b1220;--card: #121a2b;--text: #e7eefc;--muted: #b9c3d9;--accent: #5da0ff;--danger: #ff6b6b;--border: #23314f;--soft: #0e1a33}.theme-toggle-btn{position:fixed;bottom:20px;right:20px;background:var(--accent);border:none;border-radius:48%;width:70px;height:40px;font-size:22px;cursor:pointer;color:#fff;box-shadow:0 4px 12px #0000004d;z-index:999;transition:transform .2s ease,background .3s ease}.theme-toggle-btn:hover{transform:scale(1.1)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system;background:var(--bg);color:var(--text);align-items:center;display:flex;flex-direction:column;min-height:100vh;transition:background .3s ease,color .3s ease}.container{max-width:960px;margin:0 auto;padding:100px 24px 24px}.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 10px 30px #0003;transition:background .3s ease,color .3s ease}.h1{font-size:28px;font-weight:800;margin:0 0 16px}.sub{color:var(--muted);margin-bottom:24px}.row{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.row{grid-template-columns:1fr 1fr}}.btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer;transition:background .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.select,.input{width:100%;padding:12px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;transition:background .3s ease,color .3s ease,border-color .3s ease}.helper{font-size:12px;color:var(--muted);margin-top:8px}.error{color:var(--danger);margin-top:10px}.dropzone{border:2px dashed var(--border);padding:22px;border-radius:16px;text-align:center;background:var(--card);color:var(--text);transition:background .3s ease,border-color .3s ease,color .3s ease}.dropzone.drag{border-color:var(--accent);background:var(--soft)}.kp{background:var(--soft);border:1px solid var(--border);padding:10px 12px;border-radius:10px;margin-bottom:8px;color:var(--text);transition:background .3s ease,border-color .3s ease,color .3s ease}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--soft);padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px;transition:background .3s ease,border-color .3s ease,color .3s ease}.footer{margin-top:24px;color:var(--muted);font-size:12px;text-align:center;line-height:1.5}.contact-card{margin-top:24px}.social-links{display:flex;justify-content:center;gap:16px;margin-top:12px}.social-links a{color:var(--text);transition:color .2s ease,transform .2s ease}.social-links a:hover{color:var(--accent);transform:scale(1.1)}.center-text{text-align:center}.center-flex{display:flex;justify-content:center;align-items:center}.navbar{width:100%;padding:16px 32px;position:absolute;top:0;left:0;display:flex;align-items:center;z-index:1000}.logo{font-size:26px;font-weight:800;color:var(--accent);display:flex;align-items:center}.landing-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;flex-direction:column}.landing-card{background:var(--card);border-radius:20px;width:100%;max-width:520px;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px;box-shadow:0 12px 40px #00000040}.landing-card .h1{font-size:32px;margin-bottom:20px}.landing-card .sub{font-size:16px;margin-bottom:28px;color:var(--muted);line-height:1.6;max-width:90%}.big-btn{padding:16px 32px;font-size:20px;border-radius:14px}