/* DEVIVLY AUDITOR PREMIUM — FULL COMBINED CSS */

/* DEVIVLY AUDITOR — PART 1 / PREMIUM FOUNDATION + REPORT SHELL */

:root{
  --dv-bg:#f3f5f9;
  --dv-white:#ffffff;
  --dv-ink:#0a1220;
  --dv-ink2:#182230;
  --dv-muted:#667085;
  --dv-faint:#98a2b3;
  --dv-line:#e4e7ec;
  --dv-line2:#eef1f5;
  --dv-brand:#d62f70;
  --dv-brand2:#f05a91;
  --dv-green:#12b76a;
  --dv-green2:#039855;
  --dv-red:#f04438;
  --dv-orange:#f79009;
  --dv-blue:#2e90fa;
  --dv-purple:#7f56d9;
  --dv-shadow:0 8px 30px rgba(15,23,42,.055);
  --dv-shadow2:0 24px 70px rgba(15,23,42,.095);
  --dv-radius:22px;
  --dv-radius-sm:14px;
}

.devivly-audit-report-page,
.devivly-audit-dashboard{
  position:relative!important;
  color:var(--dv-ink)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}

.devivly-audit-report-page{
  width:min(1280px,calc(100% - 40px))!important;
  margin:38px auto 100px!important;
}

.devivly-audit-report-page:before{
  content:"";
  position:absolute;
  left:50%;
  top:-120px;
  width:760px;
  height:380px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(214,47,112,.075),transparent 68%);
  pointer-events:none;
  z-index:-1;
}

.devivly-audit-report-page *,
.devivly-audit-dashboard *{box-sizing:border-box;}

.devivly-audit-report-page a,
.devivly-audit-dashboard a{transition:all .22s ease;}

.devivly-audit-report-page-header{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:154px;
  gap:30px;
  margin:0 0 22px!important;
  padding:31px 36px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#fff 0%,#fbfcfe 62%,#fff8fb 100%)!important;
  border:1px solid var(--dv-line)!important;
  border-radius:var(--dv-radius)!important;
  box-shadow:var(--dv-shadow)!important;
}

.devivly-audit-report-page-header:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(214,47,112,.045),transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(214, 47, 112, .12), transparent 32%), linear-gradient(135deg, #120e45 40% , #fbfcfe 60%);
  pointer-events:none;
}

.devivly-audit-report-page-header:after{
  content:"";
  position:absolute;
  width:300px;height:300px;
  right:-125px;bottom:-190px;
  border:55px solid rgba(214,47,112,.035);
  border-radius:50%;
}

.devivly-audit-report-page-header>div,
.devivly-audit-report-page-actions{position:relative;z-index:2;}

.devivly-audit-report-page-header h1{
  margin:0!important;
  color:#fff!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.06em!important;
}

.devivly-audit-report-page-header p{
  margin:10px 0 0!important;
  color:#cfd8eb !important;
  font-size:13px!important;
}

.devivly-audit-report-page-header .devivly-audit-logo{
  margin:0 0 7px!important;
  color:var(--dv-brand)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.22em!important;
}

.devivly-audit-report-page-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px;
  padding:0 17px!important;
  background:rgba(255,255,255,.86)!important;
  color:var(--dv-ink2)!important;
  border:1px solid #d0d5dd!important;
  border-radius:10px!important;
  box-shadow:0 2px 5px rgba(16,24,40,.035)!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:800!important;
}

.devivly-audit-report-page-actions a:hover{
  color:var(--dv-brand)!important;
  border-color:rgba(214,47,112,.35)!important;
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(214,47,112,.11)!important;
}

.devivly-audit-report{
  width:100%!important;
  margin:0!important;
}

.devivly-audit-report-header{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  align-items:center!important;
  gap:35px!important;
  min-height:305px;
  margin:0 0 16px!important;
  padding:42px 48px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 84% 50%,rgba(18,183,106,.075),transparent 22%),
    radial-gradient(circle at 100% 0%,rgba(214,47,112,.13),transparent 31%),
    linear-gradient(135deg,#fff 0%,#fcfdff 100%)!important;
  border:1px solid var(--dv-line)!important;
  border-radius:26px!important;
  box-shadow:var(--dv-shadow2)!important;
}

.devivly-audit-report-header:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--dv-green),#6ce9a6);
}

.devivly-audit-report-header:after{
  content:"";
  position:absolute;
  right:-105px;top:-105px;
  width:270px;height:270px;
  border:48px solid rgba(214,47,112,.035);
  border-radius:50%;
}

.devivly-audit-report-header>div:first-child{position:relative;z-index:2;min-width:0;}

.devivly-audit-report-header>div:first-child>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px;
  margin:0 0 14px!important;
  padding:7px 11px!important;
  background:rgba(236,253,243,.88)!important;
  color:var(--dv-green2)!important;
  border:1px solid #abefc6!important;
  border-radius:999px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}

.devivly-audit-report-header>div:first-child>span:before{
  content:"";
  width:6px;height:6px;
  background:var(--dv-green);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(18,183,106,.11);
}

.devivly-audit-report-header h2{
  margin:0!important;
  color:var(--dv-ink)!important;
  font-size:clamp(38px,4.2vw,58px)!important;
  line-height:.96!important;
  font-weight:900!important;
  letter-spacing:-.075em!important;
}

.devivly-audit-report-header p{
  max-width:820px;
  margin:15px 0 0!important;
  color:var(--dv-muted)!important;
  font-size:13px!important;
  line-height:1.6!important;
  overflow-wrap:anywhere;
}

@media(max-width:850px){
  .devivly-audit-report-page{width:calc(100% - 24px)!important;margin-top:20px!important;}
  .devivly-audit-report-page-header{align-items:flex-start!important;flex-direction:column!important;padding:25px!important;}
  .devivly-audit-report-header{grid-template-columns:1fr!important;padding:32px 25px!important;}
}

/* DEVIVLY AUDITOR — PART 2 / SCORE + METRICS + DATA VISUALS */

.devivly-audit-score{
  --score-angle:316.8deg;
  position:relative!important;
  width:204px!important;
  height:204px!important;
  min-height:204px!important;
  flex:0 0 204px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at center,#fff 0 66%,transparent 66.5%),
    conic-gradient(
      var(--dv-green) 0 var(--score-angle),
      #e9edf2 var(--score-angle) 360deg
    )!important;
  box-shadow:
    0 0 0 10px rgba(18,183,106,.045),
    0 20px 48px rgba(16,24,40,.105)!important;
  isolation:isolate;
}

.devivly-audit-score:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(18,183,106,.15);
  border-radius:50%;
}

.devivly-audit-score:after{
  content:"";
  position:absolute;
  left:50%;top:-2px;
  width:11px;height:11px;
  transform:translateX(-50%);
  background:var(--dv-green);
  border:3px solid #fff;
  border-radius:50%;
  box-shadow:0 3px 9px rgba(18,183,106,.28);
}

.devivly-audit-score strong{
  position:relative;z-index:2;
  display:block!important;
  margin:0!important;
  color:var(--dv-green)!important;
  font-size:55px!important;
  line-height:.86!important;
  font-weight:900!important;
  letter-spacing:-.08em!important;
}

.devivly-audit-score>span{
  position:relative;z-index:2;
  display:block!important;
  margin:8px 0 0!important;
  color:#98a2b3!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}

.devivly-audit-score small{
  position:relative;z-index:2;
  display:inline-flex!important;
  align-items:center;
  margin:8px 0 0!important;
  padding:5px 9px!important;
  background:var(--dv-green-soft)!important;
  color:var(--dv-green2)!important;
  border:1px solid #abefc6!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
}

.devivly-audit-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 18px!important;
}

.devivly-audit-summary-item{
  position:relative!important;
  min-height:118px;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:20px 22px 20px 25px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#fff,#fbfcfe)!important;
  border:1px solid var(--dv-line)!important;
  border-radius:16px!important;
  box-shadow:var(--dv-shadow)!important;
  transition:transform .2s ease,box-shadow .2s ease;
}

.devivly-audit-summary-item:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 20px 40px rgba(16,24,40,.09)!important;
}

.devivly-audit-summary-item:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
}
.devivly-audit-summary-item:nth-child(1):before,
.devivly-audit-summary-item:nth-child(2):before{background:var(--dv-red);}
.devivly-audit-summary-item:nth-child(3):before{background:var(--dv-orange);}
.devivly-audit-summary-item:nth-child(4):before{background:var(--dv-green);}

.devivly-audit-summary-item strong{
  color:var(--dv-ink)!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
}

.devivly-audit-summary-item span{
  margin-top:8px!important;
  color:var(--dv-muted)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase;
}

.devivly-audit-crawl-info,
.devivly-audit-findings{
  position:relative!important;
  margin:0 0 18px!important;
  padding:30px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--dv-line)!important;
  border-radius:20px!important;
  box-shadow:var(--dv-shadow)!important;
}

.devivly-audit-crawl-info:after,
.devivly-audit-findings:after{
  content:"";
  position:absolute;
  right:22px;top:22px;
  width:46px;height:46px;
  border-top:1px solid rgba(214,47,112,.14);
  border-right:1px solid rgba(214,47,112,.14);
  border-radius:0 15px 0 0;
  pointer-events:none;
}

.devivly-audit-crawl-info h3,
.devivly-audit-findings>h3{
  display:flex!important;
  align-items:center!important;
  gap:10px;
  margin:0 0 20px!important;
  color:var(--dv-ink)!important;
  font-size:19px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
}

.devivly-audit-crawl-info h3:before,
.devivly-audit-findings>h3:before{
  content:"";
  width:4px;height:20px;
  border-radius:99px;
  background:linear-gradient(180deg,var(--dv-brand),var(--dv-brand2));
}

.devivly-audit-crawl-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

.devivly-audit-crawl-grid>div{
  min-width:0;min-height:82px;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:15px 17px!important;
  background:linear-gradient(145deg,#fbfcfe,#f7f9fb)!important;
  border:1px solid var(--dv-line2)!important;
  border-radius:12px!important;
  transition:.2s ease;
}

.devivly-audit-crawl-grid>div:hover{
  background:#fff!important;
  border-color:#d9dde4!important;
  transform:translateY(-2px);
  box-shadow:0 9px 22px rgba(16,24,40,.05);
}

.devivly-audit-crawl-grid>div:first-child,
.devivly-audit-crawl-grid>div:nth-child(2){grid-column:span 2;}

.devivly-audit-crawl-grid span{
  margin-bottom:6px!important;
  color:var(--dv-faint)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}

.devivly-audit-crawl-grid strong{
  color:var(--dv-ink2)!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:760!important;
  overflow-wrap:anywhere;
}

@media(max-width:1050px){
  .devivly-audit-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .devivly-audit-report-header{grid-template-columns:minmax(0,1fr) 210px!important;}
  .devivly-audit-score{width:180px!important;height:180px!important;min-height:180px!important;flex-basis:180px!important;}
}

@media(max-width:760px){
  .devivly-audit-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .devivly-audit-crawl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* DEVIVLY AUDITOR — PART 3 / FINDINGS + ANALYZER + RESPONSIVE FINISH */

.devivly-audit-finding-group{margin-top:28px!important;}
.devivly-audit-finding-group:first-of-type{margin-top:0!important;}

.devivly-audit-finding-group h4{
  display:flex!important;
  align-items:center!important;
  gap:9px;
  margin:0 0 11px!important;
  color:var(--dv-ink2)!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:850!important;
}

.devivly-audit-finding-group h4:before{
  content:"";
  width:7px;height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--dv-brand);
  box-shadow:0 0 0 4px rgba(214,47,112,.08);
}

.devivly-audit-group-critical h4:before,
.devivly-audit-group-error h4:before{
  background:var(--dv-red);
  box-shadow:0 0 0 4px rgba(240,68,56,.08);
}
.devivly-audit-group-warning h4:before{
  background:var(--dv-orange);
  box-shadow:0 0 0 4px rgba(247,144,9,.08);
}
.devivly-audit-group-passed h4:before{
  background:var(--dv-green);
  box-shadow:0 0 0 4px rgba(18,183,106,.08);
}

.devivly-audit-finding{
  position:relative!important;
  margin:0 0 9px!important;
  padding:17px 19px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#fff,#fcfdfe)!important;
  border:1px solid var(--dv-line2)!important;
  border-left:3px solid #cfd4dc!important;
  border-radius:12px!important;
  box-shadow:0 2px 5px rgba(16,24,40,.025)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.devivly-audit-finding:after{
  content:"";
  position:absolute;
  right:-45px;bottom:-55px;
  width:110px;height:110px;
  border:18px solid rgba(16,24,40,.018);
  border-radius:50%;
  pointer-events:none;
}

.devivly-audit-finding:hover{
  transform:translateX(4px)!important;
  box-shadow:0 12px 28px rgba(16,24,40,.07)!important;
}

.devivly-audit-finding-critical,
.devivly-audit-finding-error{border-left-color:var(--dv-red)!important;}
.devivly-audit-finding-warning{border-left-color:var(--dv-orange)!important;}
.devivly-audit-finding-passed{border-left-color:var(--dv-green)!important;}
.devivly-audit-finding-info{border-left-color:var(--dv-blue)!important;}

.devivly-audit-finding-top{
  display:flex!important;
  align-items:center!important;
  gap:9px;
  position:relative;z-index:2;
}

.devivly-audit-severity{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px;
  padding:4px 8px!important;
  border-radius:6px!important;
  background:#f2f4f7!important;
  color:#475467!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-transform:uppercase;
}

.devivly-audit-finding-critical .devivly-audit-severity,
.devivly-audit-finding-error .devivly-audit-severity{background:#fef3f2!important;color:#b42318!important;}
.devivly-audit-finding-warning .devivly-audit-severity{background:#fffaeb!important;color:#b54708!important;}
.devivly-audit-finding-passed .devivly-audit-severity{background:#ecfdf3!important;color:#027a48!important;}
.devivly-audit-finding-info .devivly-audit-severity{background:#eff8ff!important;color:#175cd3!important;}

.devivly-audit-finding-top strong{
  color:var(--dv-ink)!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:800!important;
}

.devivly-audit-finding-category{
  display:inline-flex!important;
  position:relative;z-index:2;
  margin-top:8px!important;
  padding:3px 7px!important;
  color:#667085!important;
  background:#f8fafc!important;
  border:1px solid #eef0f3!important;
  border-radius:5px!important;
  font-size:8px!important;
  font-weight:800!important;
  text-transform:capitalize;
}

.devivly-audit-finding p{
  position:relative;z-index:2;
  margin:9px 0 0!important;
  color:#475467!important;
  font-size:11px!important;
  line-height:1.65!important;
}

.devivly-audit-recommendation{
  position:relative;z-index:2;
  margin-top:11px!important;
  padding:11px 13px!important;
  background:#f8fafc!important;
  border:1px solid #eef0f3!important;
  border-radius:8px!important;
  color:#475467!important;
  font-size:10px!important;
  line-height:1.6!important;
}

.devivly-audit-recommendation strong{color:var(--dv-ink2)!important;}

.devivly-audit-dashboard{
  width:min(1120px,calc(100% - 40px))!important;
  margin:42px auto 80px!important;
}

.devivly-audit-dashboard .devivly-audit-header,
.devivly-audit-form-card{
  background:linear-gradient(145deg,#fff,#fbfcfe)!important;
  border:1px solid var(--dv-line)!important;
  border-radius:20px!important;
  box-shadow:var(--dv-shadow)!important;
}

.devivly-audit-dashboard .devivly-audit-header{padding:31px!important;margin-bottom:16px;}
.devivly-audit-form-card{padding:31px!important;}

.devivly-audit-dashboard h1{
  margin:0!important;
  color:var(--dv-ink)!important;
  font-size:39px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
}

.devivly-audit-dashboard h2{
  color:var(--dv-ink)!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
}

.devivly-audit-dashboard p{color:var(--dv-muted);}

.devivly-audit-field{margin-bottom:17px;}
.devivly-audit-field label{
  display:block;
  margin-bottom:7px;
  color:var(--dv-ink2);
  font-size:10px;
  font-weight:900;
}

.devivly-audit-field input[type=url],
.devivly-audit-field input[type=text],
.devivly-audit-field input[type=password]{
  width:100%;
  min-height:48px;
  padding:0 14px;
  color:var(--dv-ink);
  background:#fff;
  border:1px solid #d0d5dd;
  border-radius:10px;
  outline:none;
  font-size:13px;
  transition:.2s ease;
}

.devivly-audit-field input:focus{
  border-color:rgba(214,47,112,.55);
  box-shadow:0 0 0 4px rgba(214,47,112,.08);
}

.devivly-audit-start-button,
.devivly-audit-login-button{
  min-height:47px;
  padding:0 22px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#c92565,#ef5b91);
  color:#fff;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(214,47,112,.20);
  transition:.2s ease;
}

.devivly-audit-start-button:hover,
.devivly-audit-login-button:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 32px rgba(214,47,112,.27);
}

.devivly-audit-auth{
  width:min(460px,calc(100% - 28px));
  margin:70px auto;
}

.devivly-audit-auth-card{
  padding:38px!important;
  background:#fff!important;
  border:1px solid var(--dv-line)!important;
  border-radius:22px!important;
  box-shadow:var(--dv-shadow2)!important;
}

@media(max-width:760px){
  .devivly-audit-report-page{width:calc(100% - 16px)!important;}
  .devivly-audit-report-page-header h1{font-size:31px!important;}
  .devivly-audit-report-header{grid-template-columns:1fr!important;text-align:left;}
  .devivly-audit-score{justify-self:center;}
  .devivly-audit-crawl-grid{grid-template-columns:1fr!important;}
  .devivly-audit-crawl-grid>div:first-child,
  .devivly-audit-crawl-grid>div:nth-child(2){grid-column:auto!important;}
  .devivly-audit-dashboard{width:calc(100% - 16px)!important;}
}

@media(max-width:520px){
  .devivly-audit-report-page-header,
  .devivly-audit-report-header,
  .devivly-audit-crawl-info,
  .devivly-audit-findings,
  .devivly-audit-form-card,
  .devivly-audit-auth-card{border-radius:15px!important;}

  .devivly-audit-report-page-header{padding:22px!important;}
  .devivly-audit-report-header{padding:27px 19px!important;}
  .devivly-audit-report-header h2{font-size:35px!important;}
  .devivly-audit-score{width:165px!important;height:165px!important;min-height:165px!important;flex-basis:165px!important;}
  .devivly-audit-score strong{font-size:46px!important;}
  .devivly-audit-summary{gap:8px!important;}
  .devivly-audit-summary-item{min-height:92px;padding:15px!important;}
  .devivly-audit-summary-item strong{font-size:26px!important;}
  .devivly-audit-crawl-info,.devivly-audit-findings,.devivly-audit-form-card{padding:19px!important;}
  .devivly-audit-finding-top{align-items:flex-start!important;flex-direction:column!important;}
  .devivly-audit-auth-card{padding:27px 20px!important;}
}
/* =========================================================
   DEVIVLY WEBSITE AUDITOR — PREMIUM DASHBOARD CSS
   Scope: Analyze Your Website / Auditor dashboard only
   Does not change crawler, audit data, or report logic.
   ========================================================= */

.devivly-audit-dashboard,
.devivly-audit-auth {
    --dv-pink: #d92f72;
    --dv-pink-dark: #b91f5c;
    --dv-pink-soft: #fff1f6;
    --dv-ink: #071a35;
    --dv-muted: #61708a;
    --dv-border: #e7eaf0;
    --dv-bg: #f6f8fb;
    --dv-white: #ffffff;
    --dv-shadow: 0 24px 70px rgba(15, 31, 55, .08);
    --dv-shadow-soft: 0 10px 30px rgba(15, 31, 55, .06);

    max-width: 1120px !important;
    margin: 42px auto 80px !important;
    padding: 0 24px !important;
    color: var(--dv-ink) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    box-sizing: border-box;
}

.devivly-audit-dashboard *,
.devivly-audit-auth * {
    box-sizing: border-box;
}

/* ---------- Top dashboard header ---------- */

.devivly-audit-header {
    position: relative;
    overflow: hidden;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 35px !important;
    min-height: 190px !important;
    padding: 38px 40px !important;
    margin: 0 0 18px !important;
    border: 1px solid rgba(218, 224, 234, .95) !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 92% 5%, rgba(217,47,114,.10), transparent 27%),
        radial-gradient(circle at 76% 105%, rgba(217,47,114,.055), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #fbfcfe 100%) !important;
    box-shadow: var(--dv-shadow) !important;
}

.devivly-audit-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, var(--dv-pink), #f46a9d);
}

.devivly-audit-header::after {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -85px;
    bottom: -125px;
    border: 1px solid rgba(217,47,114,.10);
    border-radius: 50%;
    pointer-events: none;
}

.devivly-audit-logo {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px;
    padding: 5px 10px !important;
    margin-bottom: 13px !important;
    border: 1px solid rgba(217,47,114,.15) !important;
    border-radius: 999px !important;
    background: var(--dv-pink-soft) !important;
    color: var(--dv-pink) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .18em !important;
}

.devivly-audit-header h1 {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    color: var(--dv-ink) !important;
    font-size: clamp(34px, 4vw, 50px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    font-weight: 850 !important;
}

.devivly-audit-header p {
    position: relative;
    z-index: 1;
    max-width: 650px;
    margin: 13px 0 0 !important;
    color: var(--dv-muted) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.devivly-audit-user {
    position: relative;
    z-index: 2;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0;
    padding: 8px 9px 8px 15px !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 7px 20px rgba(15,31,55,.05) !important;
}

.devivly-audit-user span {
    color: var(--dv-ink) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.devivly-audit-user a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: var(--dv-pink) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    transition: .2s ease !important;
}

.devivly-audit-user a:hover {
    background: var(--dv-pink-dark) !important;
    transform: translateY(-1px);
}

/* ---------- Error / notice ---------- */

.devivly-audit-error,
.devivly-audit-notice {
    margin: 0 0 18px !important;
    padding: 15px 18px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.devivly-audit-error {
    border: 1px solid #ffd0d0 !important;
    background: #fff6f6 !important;
    color: #a51f2b !important;
}

.devivly-audit-notice {
    border: 1px solid #f0d5df !important;
    background: linear-gradient(135deg, #fff7fa, #fff) !important;
    color: #657087 !important;
}

/* ---------- Main audit form card ---------- */

.devivly-audit-form-card {
    position: relative;
    overflow: hidden;
    padding: 38px 40px 40px !important;
    border: 1px solid rgba(218,224,234,.95) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: var(--dv-shadow) !important;
}

.devivly-audit-form-card::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -170px;
    top: -175px;
    border: 1px solid rgba(217,47,114,.08);
    border-radius: 50%;
    pointer-events: none;
}

.devivly-audit-form-card h2 {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    color: var(--dv-ink) !important;
    font-size: 29px !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
    font-weight: 800 !important;
}

.devivly-audit-form-card > p {
    position: relative;
    z-index: 1;
    margin: 9px 0 30px !important;
    color: var(--dv-muted) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* ---------- URL field ---------- */

.devivly-audit-field {
    position: relative;
    z-index: 2;
    margin: 0 !important;
}

.devivly-audit-field label {
    display: block !important;
    margin: 0 0 9px !important;
    color: #26364e !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}

.devivly-audit-field input[type="url"] {
    display: block !important;
    width: 100% !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #d9dee7 !important;
    border-radius: 13px !important;
    outline: none !important;
    background: #fbfcfe !important;
    color: var(--dv-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: inset 0 1px 2px rgba(15,31,55,.02) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.devivly-audit-field input[type="url"]::placeholder {
    color: #9aa5b5 !important;
}

.devivly-audit-field input[type="url"]:hover {
    border-color: #c8cfdb !important;
    background: #fff !important;
}

.devivly-audit-field input[type="url"]:focus {
    border-color: rgba(217,47,114,.75) !important;
    background: #fff !important;
    box-shadow:
        0 0 0 4px rgba(217,47,114,.08),
        0 8px 24px rgba(15,31,55,.05) !important;
}

/* ---------- Audit type selector ---------- */

.devivly-audit-types {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 18px 0 22px !important;
}

.devivly-audit-type {
    position: relative;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 17px 18px !important;
    border: 1px solid #e1e5ec !important;
    border-radius: 15px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: .22s ease !important;
}

.devivly-audit-type:hover {
    border-color: rgba(217,47,114,.34) !important;
    transform: translateY(-2px);
    box-shadow: var(--dv-shadow-soft) !important;
}

.devivly-audit-type:has(input:checked) {
    border-color: rgba(217,47,114,.48) !important;
    background: linear-gradient(135deg, #fff5f9, #fff) !important;
    box-shadow: 0 10px 28px rgba(217,47,114,.09) !important;
}

.devivly-audit-type input[type="radio"] {
    flex: 0 0 auto;
    width: 17px !important;
    height: 17px !important;
    margin: 2px 0 0 !important;
    accent-color: var(--dv-pink) !important;
}

.devivly-audit-type span {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.devivly-audit-type strong {
    color: var(--dv-ink) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.devivly-audit-type small {
    color: var(--dv-muted) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

/* ---------- Start button ---------- */

.devivly-audit-start-button {
    position: relative;
    z-index: 3;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 164px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #d92f72 0%, #ec4f8b 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(217,47,114,.23) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
    cursor: pointer !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.devivly-audit-start-button::after {
    content: "→";
    margin-left: 10px;
    font-size: 16px;
    line-height: 1;
}

.devivly-audit-start-button:hover {
    color: #fff !important;
    transform: translateY(-2px) !important;
    filter: saturate(1.08) !important;
    box-shadow: 0 16px 34px rgba(217,47,114,.30) !important;
}

.devivly-audit-start-button:active {
    transform: translateY(0) !important;
}

/* ---------- Auth / login screen ---------- */

.devivly-audit-auth {
    max-width: 560px !important;
    margin-top: 70px !important;
}

.devivly-audit-auth-card {
    position: relative;
    overflow: hidden;
    padding: 44px !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(217,47,114,.09), transparent 30%),
        #fff !important;
    box-shadow: var(--dv-shadow) !important;
}

.devivly-audit-auth-card h1,
.devivly-audit-auth-card h2 {
    color: var(--dv-ink) !important;
    font-weight: 850 !important;
    letter-spacing: -.035em !important;
}

.devivly-audit-login-button {
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #d92f72, #ec4f8b) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 12px 26px rgba(217,47,114,.20) !important;
}

/* ---------- Responsive ---------- */

@media (max-width: 760px) {
    .devivly-audit-dashboard,
    .devivly-audit-auth {
        margin-top: 25px !important;
        padding: 0 15px !important;
    }

    .devivly-audit-header {
        display: block !important;
        padding: 30px 25px !important;
    }

    .devivly-audit-header h1 {
        font-size: 35px !important;
    }

    .devivly-audit-user {
        width: fit-content;
        margin-top: 24px !important;
    }

    .devivly-audit-form-card {
        padding: 28px 22px 30px !important;
    }

    .devivly-audit-types {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .devivly-audit-header h1 {
        font-size: 30px !important;
    }

    .devivly-audit-form-card h2 {
        font-size: 25px !important;
    }

    .devivly-audit-user {
        max-width: 100%;
    }

    .devivly-audit-start-button {
        width: 100% !important;
    }

    .devivly-audit-auth-card {
        padding: 28px 21px !important;
    }
}