:root{--bg-light: #F8F8F6;--bg-dark: #0D0D0D;--accent: #2D6A4F;--accent-mint: #95D5B2;--text-dark: #0D0D0D;--text-light: #F8F8F6;--muted-light: rgba(248, 248, 246, .7);--muted-dark: rgba(13, 13, 13, .6);--shadow-soft: 0 20px 40px -20px rgba(13, 13, 13, .12), 0 8px 16px -8px rgba(13, 13, 13, .06);--shadow-card: 0 24px 48px -24px rgba(13, 13, 13, .18), 0 12px 24px -12px rgba(13, 13, 13, .08);--shadow-button: 0 16px 32px -12px rgba(45, 106, 79, .45);--shadow-dark-card: 0 24px 48px -24px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;color:var(--text-dark);background:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{min-height:100vh;display:flex;flex-direction:column}.hero{background:var(--bg-dark);color:var(--text-light);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:96px 24px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(149,213,178,.08) 0%,transparent 70%);top:-200px;right:-200px;pointer-events:none}.hero-inner{max-width:720px;width:100%;text-align:center;position:relative;z-index:1;animation:fade-up .8s ease-out}.headline{font-weight:900;font-size:clamp(2.4rem,5.5vw,4.25rem);line-height:1.04;letter-spacing:-.035em;margin-bottom:24px}.subheadline{font-weight:400;font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted-light);margin-bottom:48px;letter-spacing:-.01em}.hero-form{display:flex;gap:12px;align-items:center;background:#fff;border-radius:999px;padding:8px;box-shadow:0 30px 60px -20px #00000073;animation:fade-up .8s ease-out .15s both}.url-input{flex:1;border:none;outline:none;background:transparent;padding:18px 24px;font-family:inherit;font-size:1.05rem;font-weight:400;color:var(--text-dark);letter-spacing:-.01em;min-width:0}.url-input::placeholder{color:#0d0d0d59}.analyze-button{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:16px 32px;font-family:inherit;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-button);white-space:nowrap}.analyze-button:hover{transform:translateY(-1px);background:#245a42}.analyze-button:active{transform:translateY(0)}.error-text{margin-top:24px;color:#f5a3a3;font-size:.9rem;font-weight:600;letter-spacing:-.005em}.loading-screen{background:var(--bg-dark);color:var(--text-light);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 24px;gap:56px}.pulse-circle{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.pulse-dot{width:56px;height:56px;border-radius:50%;background:var(--accent-mint);box-shadow:0 0 60px #95d5b299;animation:pulse-dot 1.8s ease-in-out infinite}.pulse-ring{position:absolute;width:140px;height:140px;border-radius:50%;background:var(--accent-mint);opacity:.25;animation:pulse-ring 1.8s ease-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.85}}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.45}to{transform:scale(1.4);opacity:0}}.loading-messages{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:120px}.loading-line{font-weight:600;font-size:1.1rem;letter-spacing:-.01em;color:var(--muted-light);animation:fade-in .6s ease-out both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.results-wrap{animation:slide-up-fade .6s ease-out}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.results{background:var(--bg-light);display:flex;flex-direction:column}.results-top{padding:96px 24px 64px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.score-ring-wrap{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center}.score-ring{position:absolute;top:0;right:0;bottom:0;left:0}.score-ring-number{font-weight:900;font-size:5.5rem;letter-spacing:-.05em;color:var(--text-dark);line-height:1}.score-label{font-weight:600;font-size:1.05rem;letter-spacing:-.005em;color:var(--muted-dark);text-transform:none}.summary-line{font-weight:400;font-size:1.1rem;letter-spacing:-.01em;color:var(--text-dark);max-width:640px;line-height:1.5;margin-top:8px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px;width:100%;margin:0 auto;padding:0 24px 96px}.category-card{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;opacity:0;animation:fade-up .6s ease-out forwards}.category-name{font-weight:600;font-size:1rem;letter-spacing:-.005em;color:var(--muted-dark)}.category-score{display:flex;align-items:baseline;gap:6px}.score-num{font-weight:900;font-size:3.5rem;letter-spacing:-.04em;color:var(--text-dark);line-height:1}.score-denom{font-weight:600;font-size:1.2rem;color:var(--muted-dark);letter-spacing:-.01em}.category-insight{font-weight:400;font-size:.95rem;letter-spacing:-.005em;color:#0d0d0db3;line-height:1.5}.recommendations-band{background:var(--bg-dark);color:var(--text-light);padding:96px 24px}.recommendations-inner{max-width:1120px;margin:0 auto}.recommendations-heading{font-weight:900;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;margin-bottom:56px;text-align:left}.recommendations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recommendation-card{background:#161616;border-radius:20px;padding:32px;display:flex;gap:20px;align-items:flex-start;box-shadow:var(--shadow-dark-card);opacity:0;transform:translate(40px);animation:slide-in-right .55s ease-out forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.rec-number{font-weight:900;font-size:2.5rem;letter-spacing:-.04em;color:var(--accent-mint);line-height:1;flex-shrink:0}.rec-text{font-weight:400;font-size:1rem;letter-spacing:-.005em;color:var(--muted-light);line-height:1.55}.cta-section{background:var(--bg-light);padding:120px 24px}.cta-inner{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.cta-heading{font-weight:900;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.1;color:var(--text-dark)}.cta-sub{font-weight:400;font-size:1.1rem;letter-spacing:-.005em;color:var(--muted-dark);max-width:560px;line-height:1.5;margin-bottom:16px}.cta-button{background:var(--accent);color:#fff;text-decoration:none;padding:20px 40px;border-radius:999px;font-family:inherit;font-weight:600;font-size:1.05rem;letter-spacing:-.005em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-button);display:inline-block}.cta-button:hover{transform:translateY(-1px);background:#245a42}.restart-link{margin-top:24px;background:transparent;border:none;color:var(--muted-dark);font-family:inherit;font-weight:600;font-size:.95rem;letter-spacing:-.005em;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.restart-link:hover{color:var(--accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.hero{padding:64px 20px}.hero-form{flex-direction:column;border-radius:24px;padding:12px;gap:8px}.url-input{width:100%;text-align:center;padding:16px 20px}.analyze-button{width:100%;padding:18px 24px}.category-grid{grid-template-columns:1fr;padding:0 20px 64px}.results-top{padding:64px 20px 48px}.recommendations-band{padding:64px 20px}.recommendations-grid{grid-template-columns:1fr}.recommendations-heading{margin-bottom:32px}.cta-section{padding:80px 20px}}