.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 15%,#1b3b74,var(--navy) 60%)}.login-card{width:390px;max-width:calc(100vw - 30px);background:#fff;padding:32px;border-radius:20px}.logo{width:46px;height:46px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900}.login h1,.hero h1{font-family:Gilroy,Roboto,sans-serif}.login input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;margin:8px 0 10px}.primary{border:0;background:var(--orange);color:#fff;border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.secondary{border:1px solid var(--line);background:#fff;color:#243149;border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.error{font-size:12px;color:#b22;margin-top:8px}.top{height:78px;background:var(--navy);color:#fff;display:grid;grid-template-columns:260px 1fr 220px;align-items:center;padding:0 28px}.brand{display:flex;align-items:center;gap:11px}.brand strong{font:800 20px Gilroy,Roboto,sans-serif}.nav{display:flex;justify-content:center;gap:5px}.nav button{border:0;background:transparent;color:#c6cfde;padding:10px 16px;border-radius:999px;cursor:pointer}.nav button.active{background:#172f59;color:#fff}.search{background:#172944;border:1px solid #243b5d;border-radius:10px;padding:10px;color:#fff;width:100%}.page{max-width:1450px;margin:auto;padding:38px 34px}.hero h1{font-size:54px;line-height:1.02;margin:0;max-width:800px}.hero p{color:var(--muted)}h2{font:800 20px Gilroy,Roboto,sans-serif;margin:30px 0 12px}.featured,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{min-height:190px;border:0;border-radius:15px;background:linear-gradient(135deg,#10264e,#0c1c3b);color:#fff;padding:20px;text-align:left;cursor:pointer}.feature small{color:#aebbd0}.feature h3{font:800 22px Gilroy,Roboto,sans-serif;margin:12px 0 7px}.feature p{color:#c4cede;font-size:13px;line-height:1.45}.card{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:118px;padding:17px;display:flex;gap:12px;text-align:left;cursor:pointer}.ico{width:42px;height:42px;border-radius:50%;background:#f0f3f8;display:grid;place-items:center;font-weight:900;color:#17407e;flex:none}.card h3{margin:2px 0 6px;font-size:14px}.card p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.tool{max-width:1200px;margin:30px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:50px;text-align:center}.tool .big{font:800 54px Gilroy,Roboto,sans-serif}.back{border:0;background:transparent;color:#53617a;cursor:pointer}.tag{font-size:10px;color:#8b95a7;text-transform:uppercase;margin-top:8px}.chat-tool-shell{max-width:1540px;margin:0 auto;padding:28px 32px 42px}.chat-toolbar{display:flex;align-items:flex-start;gap:22px;margin-bottom:20px}.chat-toolbar h1{font:800 32px Gilroy,Roboto,sans-serif;margin:0 0 4px}.chat-toolbar p{margin:0;color:var(--muted)}.chat-workspace{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.chat-controls,.chat-preview-wrap{background:#fff;border:1px solid var(--line);border-radius:16px}.chat-controls{padding:20px;position:sticky;top:18px}.chat-controls label{display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:#344156}.chat-controls textarea{width:100%;min-height:145px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px;font:500 15px Roboto,Arial,sans-serif;line-height:1.45;margin-bottom:18px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f0f3f8;border-radius:10px;padding:4px}.segmented button{border:0;background:transparent;border-radius:7px;padding:8px 5px;cursor:pointer;color:#627087}.segmented button.active{background:#fff;color:#172a50;box-shadow:0 1px 3px rgba(0,0,0,.08);font-weight:800}.chat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.chat-note{font-size:11px;color:#8b95a7;margin:10px 0 0}.chat-preview-wrap{padding:18px;background:#eef1f6;overflow:hidden}.chat-preview-wrap canvas{display:block;width:100%;height:auto;background:#0a1835;border-radius:8px;box-shadow:0 10px 28px rgba(15,29,54,.18)}@media(max-width:1000px){.featured,.grid{grid-template-columns:repeat(2,1fr)}.top{grid-template-columns:200px 1fr}.search{display:none}.chat-workspace{grid-template-columns:1fr}.chat-controls{position:static}}@media(max-width:650px){.nav{display:none}.top{grid-template-columns:1fr}.page{padding:25px 15px}.hero h1{font-size:38px}.featured,.grid{grid-template-columns:1fr}.chat-tool-shell{padding:20px 12px}.chat-toolbar{display:block}.chat-toolbar .back{margin-bottom:14px}}