:root{--bg:#050817;--panel:#0d1328;--panel2:#121a35;--line:#263155;--text:#f7f7fb;--muted:#aab3ce;--purple:#9b3cff;--pink:#ec4fc8;--blue:#3268ff;--green:#2fd48f;--orange:#ff9b4a;--danger:#ff5e77;--radius:22px;--shadow:0 25px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0%,rgba(80,37,176,.24),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;z-index:50;background:rgba(5,8,23,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:14px;font-weight:800}.brand img{width:94px;height:48px;object-fit:contain}.brand span{font-size:.83rem;color:#d7dcf0;border-left:1px solid #334064;padding-left:14px}.nav{display:flex;align-items:center;gap:8px}.nav>a{padding:11px 15px;color:#cbd2e8;border-radius:12px}.nav>a:hover,.nav>a.active{background:#151c39;color:#fff}.nav-toggle{display:none;background:#151c39;color:#fff;border:1px solid #2e3a62;border-radius:12px;padding:10px 13px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:14px 22px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--purple),var(--pink) 48%,var(--blue));box-shadow:0 12px 30px rgba(104,64,255,.28)}.btn:hover{transform:translateY(-1px)}.btn.small{padding:10px 15px}.btn.secondary{background:#151d3a;border:1px solid #34416e;box-shadow:none}.hero{min-height:680px;padding:90px clamp(22px,6vw,90px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:70px;align-items:center;overflow:hidden}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#d37cff;font-size:.76rem;font-weight:900}.hero h1{font-size:clamp(3rem,6vw,6.4rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(120deg,#b75cff,#ff57cb,#3c76ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:1.15rem;color:var(--muted);max-width:680px}.scan-form{display:flex;gap:12px;padding:10px;background:rgba(15,22,48,.88);border:1px solid #2b3967;border-radius:18px;margin-top:34px}.scan-form label{flex:1}.scan-form label span{display:none}.scan-form input{width:100%;height:54px;border:0;background:transparent;color:#fff;padding:0 15px;outline:0}.hero-visual{min-height:500px;position:relative;perspective:900px}.audit-orbit{position:absolute;inset:9% 4%;border-radius:50%;border:1px solid rgba(168,87,255,.32);box-shadow:0 0 110px rgba(116,42,255,.23);transform:rotate(-12deg)}.audit-orbit:before,.audit-orbit:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(145deg,#db60ff,#4b55ff);box-shadow:0 0 35px #8147ff}.audit-orbit:before{width:30px;height:30px;top:12%;right:12%}.audit-orbit:after{width:18px;height:18px;bottom:10%;left:8%}.score-card,.mini-card,.chart-card{position:absolute;border:1px solid rgba(141,156,221,.2);background:linear-gradient(145deg,rgba(23,31,67,.95),rgba(9,13,31,.97));box-shadow:var(--shadow);border-radius:22px}.score-card{width:280px;height:220px;left:20%;top:24%;padding:28px;display:flex;flex-direction:column;transform:rotateY(-12deg) rotateX(7deg)}.score-card span,.mini-card span{color:#aeb8d5}.score-card b{font-size:5.5rem;line-height:1;margin-top:12px}.score-card i{font-style:normal;color:var(--green)}.mini-card{padding:18px 20px;width:180px}.mini-card b{display:block;font-size:2rem}.mini-card.one{right:0;top:11%;animation:float 5s ease-in-out infinite}.mini-card.two{left:2%;bottom:10%;animation:float 6s ease-in-out infinite reverse}.chart-card{right:1%;bottom:12%;width:250px;height:150px;padding:22px}.chart-line{height:75px;border-bottom:2px solid #e44fd3;background:linear-gradient(160deg,transparent 40%,rgba(230,71,207,.18));clip-path:polygon(0 80%,15% 57%,30% 67%,47% 25%,61% 44%,77% 10%,100% 19%,100% 100%,0 100%)}.chart-card small{color:#aeb8d5}@keyframes float{50%{transform:translateY(-16px)}}.alert{padding:14px 16px;border-radius:12px;margin:16px 0}.alert.error{background:rgba(255,94,119,.12);border:1px solid rgba(255,94,119,.4);color:#ffc0c9}.alert.success{background:rgba(47,212,143,.12);border:1px solid rgba(47,212,143,.35);color:#aef2d2}.report-section,.feature-section{padding:80px clamp(22px,6vw,90px)}.report-section{background:#080d20}.report-head{display:flex;align-items:center;gap:28px;margin-bottom:35px}.report-head h2,.report-head h1{margin:5px 0;word-break:break-word}.report-head form,.report-head>.btn{margin-left:auto}.score-ring{--score:0;position:relative;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--score)*1%),#222c50 0)}.score-ring:after{content:"";position:absolute;inset:10px;background:#0b1128;border-radius:50%}.score-ring strong,.score-ring span{z-index:1}.score-ring strong{font-size:2.7rem}.score-ring span{position:absolute;bottom:33px;font-size:.8rem;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.metrics-grid article,.dashboard-stats article{background:linear-gradient(145deg,#111a37,#0b1026);border:1px solid #263259;border-radius:18px;padding:22px}.metrics-grid span,.dashboard-stats span{color:var(--muted)}.metrics-grid b,.dashboard-stats b{font-size:2rem;display:block;margin-top:5px}.issues-list{display:grid;gap:12px}.issue{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#0e152e;border:1px solid #243155;border-radius:16px;padding:18px}.issue h3{margin:0}.issue p{margin:3px 0;color:var(--muted)}.status-dot{width:12px;height:12px;border-radius:50%}.issue.pass .status-dot{background:var(--green)}.issue.warning .status-dot{background:var(--orange)}.issue.critical .status-dot{background:var(--danger)}.pill{font-size:.78rem;padding:7px 10px;border-radius:999px;background:#19213f}.feature-section h2{font-size:clamp(2.3rem,4vw,4.5rem);max-width:900px;line-height:1.05}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{background:#0c1229;border:1px solid #26335d;border-radius:var(--radius);padding:18px}.feature-grid h3{font-size:1.35rem}.feature-grid p{color:var(--muted)}.feature-demo{height:250px;border-radius:16px;background:linear-gradient(145deg,#151d42,#090d20);overflow:hidden;position:relative}.crawl i{position:absolute;width:84px;height:70px;border:1px solid #7a59ff;border-radius:12px;background:#141c3b}.crawl i:nth-child(1){left:25px;top:35px}.crawl i:nth-child(2){right:28px;top:70px}.crawl i:nth-child(3){left:95px;bottom:26px}.crawl span{position:absolute;width:160px;height:2px;top:120px;left:70px;background:linear-gradient(90deg,#a94aff,#3f78ff);transform:rotate(18deg);animation:pulse 2s infinite}.priorities{display:flex;align-items:center;justify-content:center;gap:12px}.priorities b{display:grid;place-items:center;width:72px;height:100px;border-radius:15px;background:#151d40;border:1px solid #485384;animation:rise 3.5s infinite}.priorities b:nth-child(2){animation-delay:.4s}.priorities b:nth-child(3){animation-delay:.8s}.progress{display:flex;align-items:flex-end;gap:18px;padding:45px}.progress span{flex:1;background:linear-gradient(#eb50c8,#4c64ff);border-radius:9px 9px 0 0;animation:bars 3s ease-in-out infinite}.progress span:nth-child(1){height:35%}.progress span:nth-child(2){height:62%;animation-delay:.4s}.progress span:nth-child(3){height:85%;animation-delay:.8s}@keyframes pulse{50%{filter:brightness(2);transform:rotate(18deg) scaleX(1.15)}}@keyframes rise{50%{transform:translateY(-13px)}}@keyframes bars{50%{height:45%}}footer{border-top:1px solid #1f294a;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:55px clamp(22px,6vw,90px);color:#9fa8c4}footer img{width:110px}footer a,footer span{display:block;margin-top:8px}footer strong{color:#fff}.auth-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(460px,100%);background:#0d142d;border:1px solid #29365f;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-card img{width:105px}.auth-card h1{font-size:2.4rem;margin:12px 0}.auth-card p,.auth-card small{color:var(--muted)}.auth-card label,.project-form label{display:block;color:#ccd3e7;font-weight:700;margin:17px 0}.auth-card input,.project-form input{width:100%;background:#090e21;border:1px solid #2d3a62;border-radius:12px;padding:14px;color:#fff;margin-top:7px}.auth-card .btn{width:100%;margin:8px 0 18px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 82px)}.sidebar{border-right:1px solid #202b4e;background:#080d20;padding:32px 20px;display:flex;flex-direction:column;justify-content:space-between}.sidebar a{display:block;padding:12px 14px;border-radius:10px;color:#b7c0da;margin:3px 0}.sidebar a.active,.sidebar a:hover{background:#151e3d;color:#fff}.side-label{display:block;color:#717eaa;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em;padding:12px 14px}.dashboard-main{padding:50px clamp(22px,5vw,70px)}.dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.dashboard-title h1{font-size:clamp(2.3rem,4vw,4rem);margin:5px 0}.dashboard-title p{color:var(--muted)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.dashboard-stats i{font-style:normal;color:#7884aa;font-size:.85rem}.panel{background:#0c132b;border:1px solid #26335a;border-radius:20px;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center}.audit-table a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #202b4c}.audit-table strong,.audit-table span{display:block}.audit-table span{color:#96a0be}.table-score{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#162141;border:1px solid #384978;font-weight:900}.empty{text-align:center;padding:55px 20px}.empty.compact{padding:25px}.split-panels{display:grid;grid-template-columns:380px 1fr;gap:22px}.project-list article{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #202a49}.project-list strong,.project-list span{display:block}.project-list span{color:var(--muted)}.project-list b{font-size:1.7rem}.back{color:#bfc7df}.dashboard-report{margin-top:28px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:430px}.feature-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.split-panels{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr}.nav-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:16px;right:16px;flex-direction:column;align-items:stretch;padding:14px;background:#0d142d;border:1px solid #293760;border-radius:18px}.nav.open{display:flex}.nav>a{display:block}.brand span{display:none}}@media(max-width:620px){.topbar{height:72px;padding:0 16px}.brand img{width:82px}.nav{top:72px}.hero{padding:52px 18px;min-height:auto}.hero h1{font-size:3.45rem}.hero p{font-size:1rem}.scan-form{flex-direction:column}.scan-form .btn{width:100%}.hero-visual{min-height:375px}.score-card{left:10%;width:230px;height:190px}.score-card b{font-size:4.4rem}.mini-card{width:145px}.chart-card{width:190px}.report-section,.feature-section,.dashboard-main{padding:45px 18px}.report-head{align-items:flex-start;flex-wrap:wrap}.report-head form,.report-head>.btn{margin-left:0}.score-ring{width:112px;height:112px}.score-ring span{bottom:25px}.metrics-grid{grid-template-columns:1fr 1fr}.issue{grid-template-columns:auto 1fr}.issue .pill{grid-column:2}.feature-demo{height:210px}.dashboard-title{align-items:flex-start;flex-direction:column}.dashboard-title .btn{width:100%}.audit-table a{grid-template-columns:auto 1fr}.audit-table a>span{grid-column:2}.auth-card{padding:25px}footer{grid-template-columns:1fr}.feature-section h2{font-size:2.5rem}}
/* Phase 2 */
select{font:inherit;color:#fff;background:#090e21;border:1px solid #2d3a62;border-radius:12px;padding:13px;width:100%}.muted{color:var(--muted)}.check-list{display:grid;gap:14px;color:#cbd4ed}.check-list span{padding:13px 15px;border:1px solid #26345b;background:#101831;border-radius:12px}.dashboard-stats.four{grid-template-columns:repeat(4,1fr)}.report-tabs{display:flex;gap:8px;margin:0 0 18px}.report-tabs a,.filter-pills a{padding:9px 13px;border-radius:999px;background:#151d39;border:1px solid #2b3862}.filter-pills{display:flex;gap:8px;margin-bottom:18px}.filter-pills a.active{background:linear-gradient(120deg,var(--purple),var(--blue));border-color:transparent}.compact-list .issue{padding:15px}.issue small{color:#7885aa;display:block;margin-top:5px}.issue a{color:#b987ff;word-break:break-all}.top-gap{margin-top:22px}.page-table a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #202b4c}.page-table strong,.page-table span{display:block}.page-table span{color:#96a0be;word-break:break-word}.score-badge-large{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 75%,#253054 75%);font-size:2.2rem;font-weight:900}.score-badge-large small{font-size:.7rem;display:block;margin-top:-30px;color:var(--muted)}.meta-grid{display:grid;gap:16px}.meta-grid div{padding:15px;border-radius:13px;background:#0a1024;border:1px solid #243055}.meta-grid dt{color:#7f8bad;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.meta-grid dd{margin:6px 0 0;word-break:break-word}.project-cards{display:grid;gap:15px}.project-cards article{padding:18px;border:1px solid #26335a;background:#0a1024;border-radius:16px}.project-card-head{display:flex;justify-content:space-between;gap:20px}.project-card-head strong,.project-card-head span{display:block}.project-card-head span,.project-meta{color:var(--muted)}.project-card-head b{font-size:2rem}.project-meta{display:flex;gap:18px;font-size:.84rem;margin:12px 0}.inline-settings{display:grid;grid-template-columns:minmax(110px,1fr) auto auto auto;gap:9px;align-items:center}.check-inline{display:flex!important;align-items:center;gap:6px;margin:0!important;white-space:nowrap}.check-inline input{width:auto!important;margin:0!important}.btn[disabled]{opacity:.45;cursor:not-allowed}@media(max-width:1050px){.dashboard-stats.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.dashboard-stats.four{grid-template-columns:1fr 1fr}.page-table a{grid-template-columns:auto minmax(0,1fr)}.page-table a>span{grid-column:2}.inline-settings{grid-template-columns:1fr 1fr}.inline-settings .btn{width:100%}.project-meta{flex-direction:column;gap:3px}.score-badge-large{width:86px;height:86px}.report-tabs{overflow:auto}.compact-list .issue{grid-template-columns:auto minmax(0,1fr)}.compact-list .pill{grid-column:2}.dashboard-main{overflow:hidden}}@media print{.topbar,.sidebar,footer,.btn,.report-tabs{display:none!important}.app-shell{display:block}.dashboard-main{padding:0;color:#111}.panel,.metrics-grid article,.dashboard-stats article,.issue{background:#fff;color:#111;border-color:#ccc;box-shadow:none}body{background:#fff;color:#111}.muted,.issue p,.issue small,.page-table span{color:#444!important}}