*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Sora,sans-serif;line-height:1.5;font-weight:400;color:#fff;background:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.checklist{--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg: #ffffff;--color-bg-secondary: #f9fafb;--color-border: #e5e7eb;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;position:relative;width:100%;max-width:900px;background:var(--color-bg);border-radius:20px;overflow:hidden;animation:report-appear .5s cubic-bezier(.16,1,.3,1)}.checklist__border{position:absolute;inset:0;border-radius:20px;padding:3px;background:linear-gradient(135deg,#ff6b9d,#ff8f5a,#ffdd57,#4dabf7,#7c3aed,#c44dff,#ff6b9d);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rainbow-border 4s linear infinite;pointer-events:none;z-index:10}@keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes report-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.checklist__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--color-border)}.checklist__header-left{display:flex;flex-direction:column;gap:.5rem}.checklist__domain{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.checklist__domain svg{color:var(--color-text-secondary)}.checklist__date{font-size:.85rem;color:var(--color-text-secondary)}.checklist__header-right{display:flex;align-items:center;gap:1rem}.donut-chart{display:block}.donut-percent{font-family:Sora,sans-serif;font-weight:700;dominant-baseline:middle;text-anchor:middle}.donut-chart[data-size="44"] .donut-percent{font-size:.6rem}.donut-chart[data-size="80"] .donut-percent{font-size:.9rem}.donut-chart[data-size="100"] .donut-percent{font-size:1.25rem}.checklist__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 2rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.metric{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border-radius:12px}.metric__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;border-radius:8px;background:var(--color-bg)}.metric--success .metric__icon{background:#22c55e1a}.metric--warning .metric__icon{background:#f59e0b1a}.metric--error .metric__icon{background:#ef44441a}.metric__content{flex:1}.metric__value{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1}.metric__label{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase}.ai-summary{position:relative;margin:1rem 2rem;border-radius:16px;overflow:hidden}.ai-summary__border{position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#ff6b9d,#ff8f5a,#ffdd57,#4dabf7,#7c3aed,#c44dff,#ff6b9d);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rainbow-border 4s linear infinite}.ai-summary__content{position:relative;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:14px}.ai-summary__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.ai-summary__icon{font-size:1.25rem}.ai-summary__title{font-family:Sora,sans-serif;font-size:.875rem;font-weight:600;color:#0369a1;text-transform:uppercase;letter-spacing:.5px}.ai-summary__text{font-size:.9rem;line-height:1.6;color:var(--color-text)}.ai-summary__section{margin-bottom:.75rem}.ai-summary__section:last-child{margin-bottom:0}.ai-summary__section:empty{display:none}letter-spacing: .03em; } .checklist__sections{padding:1rem}.analysis-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;margin-bottom:1rem;overflow:hidden}.analysis-section:last-child{margin-bottom:0}.analysis-section__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-bg-secondary)}.analysis-section__left{display:flex;align-items:center;gap:.75rem}.analysis-section__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-muted);transition:transform .2s ease}.analysis-section__icon.expanded{transform:rotate(90deg)}.analysis-section__title{font-size:1rem;font-weight:600;color:var(--color-text)}.analysis-section__title-wrap{display:flex;flex-direction:column;gap:.125rem}.analysis-section__subtitle{font-size:.75rem;font-weight:400;color:var(--color-text-secondary)}.analysis-section__badges{display:flex;gap:.35rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;font-size:.75rem;font-weight:600;border-radius:6px}.badge--success{background:#22c55e26;color:var(--color-success)}.badge--warning{background:#f59e0b26;color:var(--color-warning)}.badge--error{background:#ef444426;color:var(--color-error)}.analysis-section__content{padding:.75rem;background:var(--color-bg)}.checklist-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.checklist-table__header{display:grid;grid-template-columns:60px 1fr 1.2fr 1fr;gap:.5rem;padding:.625rem .75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px 10px 0 0;font-weight:600;color:var(--color-text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.checklist-table__body{display:flex;flex-direction:column;gap:2px;background:var(--color-bg-secondary);padding:2px;border-radius:0 0 10px 10px}.checklist-table__col--status{text-align:center;width:60px}.checklist-table__col--name{text-align:left;flex:1;min-width:180px}.checklist-table__col--current{text-align:left;flex:1.2;min-width:150px}.checklist-table__col--rec{text-align:left;flex:1.5;min-width:200px}.check-item{display:grid;grid-template-columns:60px 1fr 1.2fr 1.5fr;gap:.75rem;align-items:start;padding:.875rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.check-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.check-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.check-item:hover{border-color:#d1d5db;background:#fafafa}.check-item--success{border-left:3px solid var(--color-success)}.check-item--warning{border-left:3px solid var(--color-warning)}.check-item--error{border-left:3px solid var(--color-error)}.check-item__status{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.75rem;font-weight:700;color:#fff;border-radius:8px}.check-item__name{font-size:.85rem;font-weight:500;color:var(--color-text)}.check-item__current{font-size:.8rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-item__rec{font-size:.8rem;color:var(--color-warning);padding:.375rem .625rem;background:#f59e0b1a;border-radius:6px;line-height:1.4;word-break:break-word;white-space:normal}.check-item--success .check-item__rec{background:#22c55e1a;color:var(--color-success);padding:0;background:transparent}.checklist__footer{padding:1rem 2rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.checklist__footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-muted)}.checklist__footer-actions{display:flex;gap:.5rem}.export-btn{padding:.5rem 1rem;font-size:.75rem;font-weight:500;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.export-btn--secondary{background:transparent;color:var(--color-text-secondary)}@media(max-width:768px){.checklist__metrics{grid-template-columns:repeat(2,1fr)}.checklist__header{flex-direction:column;gap:1rem;text-align:center}.analysis-section__header{flex-direction:column;gap:.75rem}.analysis-section__left{width:100%;justify-content:space-between}.checklist-table__header{display:none}.check-item{grid-template-columns:1fr;gap:.5rem;padding:1rem}.check-item__status{display:none}.check-item__name{font-weight:600;padding-bottom:.25rem;border-bottom:1px solid var(--color-border)}.check-item__current,.check-item__rec{padding-left:.5rem;border-left:2px solid var(--color-border)}.check-item__current:before{content:"Текущее: ";font-weight:600;color:var(--color-text-muted)}.check-item__rec:before{content:"Рекомендация: ";font-weight:600;color:var(--color-text-muted)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a0f}.hero__background{position:absolute;inset:0;z-index:0}.hero__gradient-1{position:absolute;width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,rgba(255,0,128,.4) 0%,transparent 70%);filter:blur(80px);animation:float-1 8s ease-in-out infinite}.hero__gradient-2{position:absolute;width:500px;height:500px;bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(0,200,255,.35) 0%,transparent 70%);filter:blur(80px);animation:float-2 10s ease-in-out infinite}.hero__gradient-3{position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,100,50,.25) 0%,transparent 70%);filter:blur(60px);animation:pulse-3 6s ease-in-out infinite}.hero__gradient-1:after,.hero__gradient-2:after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,red,orange,#ff0,green,#00f,indigo,violet,red);filter:blur(40px);opacity:.5;animation:rotate-gradient 10s linear infinite}.hero__gradient-2:after{animation-direction:reverse;animation-duration:15s}.hero__noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.hero__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem}.hero__title{font-family:Sora,sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:800;letter-spacing:-.03em;display:flex;align-items:baseline;gap:0;animation:title-appear 1.2s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px)}.hero__title-text{background:linear-gradient(135deg,#fff,#e0e0e0,#ff6b9d,#c44dff,#4dabff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite;text-shadow:0 0 80px rgba(255,107,157,.3)}.hero__title-dot{font-size:.5em;background:linear-gradient(135deg,#ff6b9d,#c44dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-dot 2s ease-in-out infinite}.hero__title-domain{font-size:.4em;font-weight:400;color:#ffffff80;letter-spacing:.1em;margin-left:.1em}.hero__form{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:form-appear 1s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0;transform:translateY(20px)}.hero__input-wrapper{position:relative;width:320px;max-width:90vw}.hero__input{width:100%;padding:1.25rem 1.5rem;font-size:1rem;font-family:Sora,sans-serif;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#fff;outline:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.hero__input::placeholder{color:#ffffff4d}.hero__input:focus{background:#ffffff0f;border-color:#ff6b9d80;box-shadow:0 0 0 4px #ff6b9d1a,0 0 40px #ff6b9d26}.hero__input-wrapper.focused .hero__input-glow{opacity:1}.hero__input-glow{position:absolute;inset:-2px;border-radius:100px;background:linear-gradient(90deg,#ff6b9d,#c44dff,#4dabff,#ff6b9d);background-size:300% 100%;filter:blur(10px);opacity:0;animation:glow-flow 3s linear infinite;z-index:-1;transition:opacity .3s}.hero__button{position:relative;padding:1.25rem 2.5rem;font-size:1rem;font-family:Sora,sans-serif;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff6b9d,#c44dff,#7c3aed);border:none;border-radius:100px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.hero__button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff8fb3,#d96dff,#9f5afd);opacity:0;transition:opacity .3s}.hero__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 40px #c44dff66,0 0 20px #ff6b9d33}.hero__button:hover:not(:disabled):before{opacity:1}.hero__button:disabled{opacity:.5;cursor:not-allowed}.hero__button-text{position:relative;z-index:1}.hero__button.loading .hero__button-text{animation:pulse-text 1s ease-in-out infinite}.hero__button-loader{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;opacity:0;animation:none}.hero__button.loading .hero__button-loader{opacity:1;animation:spin .8s linear infinite}.hero__result{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:result-appear .5s cubic-bezier(.16,1,.3,1)}.hero__score{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero__score-label{font-size:.75rem;font-weight:500;letter-spacing:.2em;color:#ffffff80;text-transform:uppercase}.hero__score-value{font-family:Sora,sans-serif;font-size:4rem;font-weight:800;background:linear-gradient(135deg,#4dabff,#c44dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__recommendations{display:flex;flex-direction:column;gap:.75rem;width:320px;max-width:90vw}.hero__recommendation{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rec-appear .4s cubic-bezier(.16,1,.3,1) backwards}.hero__recommendation:nth-child(1){animation-delay:.1s}.hero__recommendation:nth-child(2){animation-delay:.2s}.hero__recommendation:nth-child(3){animation-delay:.3s}.hero__rec-category{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .75rem;border-radius:100px;background:#ffffff1a}.hero__rec-issue{font-size:.9rem;color:#fffc}.hero__recommendation.priority-high .hero__rec-category{background:#ff6b9d33;color:#ff6b9d}.hero__recommendation.priority-medium .hero__rec-category{background:#ffc83233;color:#ffc832}.hero__recommendation.priority-low .hero__rec-category{background:#4dabff33;color:#4dabff}.hero__particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero__particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;left:var(--x);bottom:-10px;animation:particle-float var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.hero__particle:nth-child(odd){background:#ff6b9dcc}.hero__particle:nth-child(3n){background:#4dabffcc}.hero__particle:nth-child(5n){background:#c44dffcc}@keyframes float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,20px) scale(1.05)}66%{transform:translate(30px,-20px) scale(1.1)}}@keyframes pulse-3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.25}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes title-appear{to{opacity:1;transform:translateY(0)}}@keyframes form-appear{to{opacity:1;transform:translateY(0)}}@keyframes glow-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes result-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}}@keyframes rec-appear{0%{opacity:0;transform:translate(-20px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}@keyframes particle-float{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(0);opacity:0}}@media(max-width:640px){.hero__form{flex-direction:column;align-items:center}.hero__input-wrapper,.hero__button{width:100%}}