:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;background:#060e21;color:#f4f7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 83% 6%,#1246a75a,transparent 23%),radial-gradient(circle at 5% 23%,#9a173c36,transparent 22%),#060e21;color:#f4f7ff}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}
.shell{max-width:1220px;margin:auto;padding-left:24px;padding-right:24px}
.site-header{position:sticky;top:0;background:#07142beF;backdrop-filter:blur(18px);border-bottom:1px solid #769ce126;z-index:10}
.head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{display:block;width:215px;height:72px;object-fit:contain}
.top-nav{display:flex;gap:25px;color:#c1d3ea;font-size:14px}.top-nav a:hover{color:#fff}
.account{display:flex;align-items:center;gap:10px;font-size:12px;color:#bed0e7;white-space:nowrap}.mini{background:#182845;border:1px solid #6480b351;border-radius:9px;padding:9px 12px;color:#fff}
.hero{display:block;max-width:1000px;text-align:center;padding-top:82px;padding-bottom:78px}.hero-copy{max-width:800px;margin:auto}
.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#77cbff}.glowdot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#ff536e;box-shadow:0 0 15px #fa496e;margin-right:6px}
.hero h1{font-size:clamp(38px,5.3vw,74px);line-height:1.12;letter-spacing:-2.6px;margin:22px 0}.hero h1 span{color:#54cfff}
.hero p{color:#b9cced;line-height:1.85;font-size:16px;max-width:670px;margin-left:auto;margin-right:auto}
.cta,.primary-button{background:linear-gradient(115deg,#ff385b,#b4163f);box-shadow:0 9px 22px #ab164547;color:white;border:0;border-radius:12px;font-weight:800}
.cta{display:inline-flex;padding:15px 22px;margin-top:15px;gap:18px}

.section-heading{display:flex;gap:25px;align-items:end;justify-content:space-between;margin:10px 0 24px}
.section-heading h2{font-size:clamp(27px,3.3vw,41px);letter-spacing:-1px;margin:9px 0 0}.section-heading p{max-width:395px;color:#adc1dc;font-size:14px;line-height:1.7;margin:0}
.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.platform{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:175px;background:linear-gradient(140deg,#101d38,#0b1830);border:1px solid #7193c230;color:white;text-align:left;border-radius:18px;padding:22px;transition:.18s}
.platform.selected{border-color:#4a9eff;box-shadow:0 0 0 1px #4a9eff62;background:linear-gradient(130deg,#15345f,#11203e)}
.platform:hover{transform:translateY(-2px)}.platform strong{font-size:21px}.platform small{color:#b2c8e6;line-height:1.3;font-size:12px}
.symbol{display:grid;place-items:center;font-size:26px;font-weight:800;width:45px;height:45px;border-radius:12px;background:#ffffff12}.symbol.green{color:#60ffc7}.symbol.purple{color:#bcadff}.symbol.white{color:#fff}.symbol.pink{color:#fc91be}
.studio-area{padding-top:74px}.privacy{font-size:12px;color:#b3d3f4;background:#204b6c5a;padding:9px 14px;border-radius:100px}
.workspace-shell{background:#0d1a34;border:1px solid #5c89c851;border-radius:24px;overflow:hidden;min-height:450px;box-shadow:0 28px 75px #0007}
.loading-panel{padding:90px 28px;text-align:center;color:#bad5f5}.login-panel{display:grid;grid-template-columns:1.05fr .95fr}
.login-visual{padding:65px 50px;background:radial-gradient(ellipse at 30% 50%,#124f8667,transparent 65%),linear-gradient(120deg,#0d2344,#0b1932);display:flex;flex-direction:column;justify-content:center}
.lockmark{font-size:70px;color:#50d1ff}.login-visual h3{font-size:37px;margin:15px 0}.login-visual p{color:#c1d2ea;line-height:1.75;max-width:390px}.note{color:#7fc8ff;font-size:12px;max-width:360px;margin-top:20px;line-height:1.7}
.login-form{padding:55px 50px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.login-form h3{font-size:30px;margin:0 0 20px}.login-form label{color:#b8cee7;font-size:13px}
.login-form input,.input-pane select,.input-pane textarea{color:#f7faff;background:#07152d;border:1px solid #5877a558;border-radius:10px;outline:none}
.login-form input{padding:14px 15px;margin-bottom:12px}.login-form button{padding:15px;margin-top:9px}.login-form p{color:#9fbada;font-size:12px}
.login-form input:focus,.input-pane textarea:focus,.input-pane select:focus{border-color:#54a4ff;box-shadow:0 0 0 2px #54a4ff22}
.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 30px;border-bottom:1px solid #7190b536}
.workspace-top h3{font-size:30px;margin:6px 0}.workspace-top p{color:#aabed8;font-size:13px;margin:0}.connection-status{color:#9ad7fb;font-size:12px;padding:10px 14px;background:#21476a59;border-radius:15px}
.mode-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #7190b536;padding:16px 25px}
.mode{border:1px solid transparent;background:transparent;color:#b1c5df;padding:13px 15px;border-radius:10px;font-weight:700;font-size:13px}.mode.selected{background:#254a75;color:white;border-color:#599fe966}
.work-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:26px}
.input-pane,.output-pane{min-width:0;background:#0a1730;padding:24px;border-radius:17px;border:1px solid #517aa445}
.input-pane{display:flex;flex-direction:column}.input-label{color:#bdcfe7;font-size:12px;margin:12px 0 8px;font-weight:650}
.input-pane select{padding:12px;min-height:43px;max-width:100%}.input-pane textarea{padding:15px;line-height:1.65;resize:vertical;min-height:190px}
#voiceOptions{display:flex;flex-direction:column}#voiceOptions[hidden],.image-output[hidden],#voiceOutput[hidden],[hidden]{display:none!important}
.button-row,.output-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.button-row button{padding:13px 14px;flex:1}
.secondary-button{background:#1b2f51;color:#d6e6ff;border:1px solid #597ba766;border-radius:10px;padding:12px 15px;font-weight:730}
.small-help{font-size:12px;color:#9eb3d1;line-height:1.7;margin:14px 0 0}
.output-pane{display:flex;flex-direction:column}.output-header{display:flex;justify-content:space-between;color:#b1ddff;font-size:12px;letter-spacing:1.3px;border-bottom:1px solid #ffffff25;padding-bottom:16px}
.output{flex:1;white-space:pre-wrap;overflow:auto;word-break:break-word;color:#f3f7ff;padding:20px 0;min-height:250px;line-height:1.85;font-size:14px}.placeholder{color:#91aaca}
.output-actions button{font-size:12px;padding:11px 12px}
.image-output img{max-width:100%;width:100%;border-radius:12px;max-height:530px;object-fit:contain}#voiceOutput audio{width:100%}
.feature-section{padding-top:80px;padding-bottom:90px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:25px;background:#102443;border-radius:18px;border:1px solid #486eaa5a}
.feature-grid article span{font-size:31px}.feature-grid h3{margin:16px 0 8px}.feature-grid p{color:#b0c5e1;line-height:1.7;font-size:13px}
footer{border-top:1px solid #3c5b8a65;padding:24px;color:#9eb6d3}.foot{display:flex;justify-content:space-between;align-items:center;gap:15px}.foot strong{font-size:22px;color:white}.foot em{color:#ff4964;font-style:normal}.foot-note{font-size:11px;text-align:center;line-height:1.8}
:focus-visible{outline:3px solid #7ccfff;outline-offset:3px}
@media(max-width:880px){.hero{padding-top:48px;padding-bottom:54px}.platform-grid{grid-template-columns:repeat(2,1fr)}.work-columns{grid-template-columns:1fr}.login-panel{grid-template-columns:1fr}.login-visual{padding:35px}.login-form{padding:35px}.feature-grid{grid-template-columns:1fr}.top-nav{gap:14px}.section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.shell{padding-left:16px;padding-right:16px}.head{min-height:70px}.brand img{width:126px;height:auto}.top-nav{gap:11px;font-size:10px}.account{gap:5px}.account span{display:none}.mini{font-size:11px;padding:7px}.hero h1{font-size:37px;letter-spacing:-1.5px}.hero p{font-size:14px}.platform{padding:16px;min-height:152px}.platform strong{font-size:18px}.platform small{font-size:11px}.studio-area{padding-top:47px}.workspace-top{padding:19px;flex-direction:column;align-items:flex-start}.mode-tabs{padding:12px}.mode{font-size:12px;padding:9px 11px}.work-columns{padding:11px;gap:11px}.input-pane,.output-pane{padding:16px}.login-visual,.login-form{padding:24px}.privacy{font-size:11px}.foot{flex-direction:column;align-items:flex-start}}

.account .reg-btn{background:#e32f5b;color:#fff}.account .admin-btn{border-color:#648bbf}.account{gap:7px}
.guest-banner{padding:30px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#163354,#0d2340)}.guest-banner h3{font-size:25px;margin:9px 0}.guest-banner p{font-size:13px;line-height:1.7;color:#bed3ee}.guest-actions{display:flex;gap:10px}.guest-actions button{padding:13px 17px}
.auth-dialog{width:min(94vw,490px);max-height:90vh;overflow-y:auto;border-radius:19px;border:1px solid #678ab7;background:#101f3b;color:#fff;padding:25px;box-shadow:0 25px 90px #0009}.auth-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.auth-close{position:absolute;right:12px;top:7px;background:none;color:#fff;border:0;font-size:30px}
.auth-title{text-align:center;padding:15px 6px}.auth-title strong{font-size:23px}.auth-title strong span{color:#ff5276}.auth-title h2{font-size:27px;margin:13px 0 6px}.auth-title p{font-size:13px;line-height:1.6;color:#abc5e5}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form[hidden]{display:none!important}.auth-form h3{margin:5px 0;font-size:20px}.auth-form label{color:#c0d4ef;font-size:13px}.auth-form input:not([type=checkbox]){background:#07182e;color:#fff;border:1px solid #628aba80;border-radius:9px;padding:13px;min-height:43px}.auth-form button{padding:14px;margin-top:8px}.auth-form p{color:#edb8c8;line-height:1.65;font-size:12px;margin:4px 0}.consent{display:flex;align-items:flex-start;gap:9px;line-height:1.7;font-size:12px!important;margin-top:8px}.consent input{margin-top:4px}.auth-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:17px;margin-top:16px;border-top:1px solid #ffffff28}.auth-actions button{background:#203f6b;color:#dceafc;border:1px solid #648dc4;border-radius:8px;padding:9px;font-size:12px}
.admin-dashboard{padding:25px;border-bottom:1px solid #ffffff3c;background:#0c2443}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-head h3{font-size:27px;margin:10px 0}.admin-head p{font-size:12px;color:#afc6df}.admin-head button{padding:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metrics>div{background:#07182d;padding:16px;border:1px solid #6589af;border-radius:12px;display:flex;flex-direction:column;gap:6px}.metrics strong{font-size:31px;color:#83d7fc}.metrics span{font-size:11px;color:#b1c6e2}.member-table{overflow:auto}.member-table table{border-collapse:collapse;width:100%;min-width:550px;font-size:12px}.member-table th{text-align:left;color:#a0d4ff}.member-table td,.member-table th{padding:12px 10px;border-bottom:1px solid #ffffff29}
@media(max-width:700px){.head{flex-wrap:wrap;gap:4px}.top-nav{display:none}.account{gap:5px}.account .mini{font-size:11px;padding:8px}.brand img{width:135px}.guest-banner{padding:18px;align-items:flex-start;flex-direction:column}.guest-actions{width:100%}.guest-actions button{flex:1}.admin-dashboard{padding:14px}.admin-head{align-items:flex-start;flex-direction:column}.metrics{gap:5px}.metrics>div{padding:10px}.metrics strong{font-size:24px}.metrics span{font-size:10px}}

/* AWAZ AI — Google OAuth entry points */
.google-divider{display:flex;align-items:center;gap:12px;color:#9eb8dc;font-size:12px;margin:8px 0 1px}
.google-divider:before,.google-divider:after{content:"";flex:1;height:1px;background:#7294bd55}
.google-signin{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:52px;padding:12px 16px;background:#fff;color:#26344b;border:1px solid #d7e0eb;border-radius:11px;font-weight:750;letter-spacing:.05px;transition:background .15s,transform .15s}
.google-signin:hover{background:#f0f4fa}.google-signin:active{transform:scale(.992)}
.google-signin:focus-visible{outline:3px solid #91cdff;outline-offset:3px}
.google-mark{font-size:25px;font-weight:900;line-height:1;font-family:Arial,sans-serif;background:conic-gradient(#4285f4 0 105deg,#34a853 105deg 195deg,#fbbc05 195deg 255deg,#ea4335 255deg 325deg,#4285f4 325deg);color:transparent;background-clip:text;-webkit-background-clip:text}
.google-hint{font-size:11px!important;text-align:center;color:#adc1db!important;line-height:1.55!important;margin-top:0!important}