:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#f6f9ff;background-color:#05060c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:none}a:hover{text-decoration:none}*{box-sizing:border-box}body{margin:0;background-color:#05060c}button{border:none;font-family:inherit}#root{width:100%;min-height:100vh}:root{--bg: #070b1a;--bg-card: rgba(15, 21, 40, .85);--bg-panel: rgba(15, 21, 40, .65);--accent: #6ef7d1;--accent-strong: #54d8ff;--text: #f6f9ff;--muted: rgba(246, 249, 255, .7);--warning: #f9a826;--info: #7cb4ff;--success: #64f0a5;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--shadow-soft: 0 20px 45px rgba(0, 0, 0, .35);--shadow-light: 0 10px 30px rgba(0, 0, 0, .25)}.app-shell{position:relative;min-height:100vh;background:radial-gradient(circle at top left,#122056,#05060c 55%),radial-gradient(circle at bottom right,#0b172f,#020307 60%);color:var(--text);overflow-x:hidden;padding-bottom:4rem}.floating-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(84,216,255,.2),transparent 50%),radial-gradient(circle at 80% 0%,rgba(110,247,209,.15),transparent 55%);filter:blur(40px);pointer-events:none;z-index:0}.floating-orb{position:absolute;top:18%;right:-120px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#54d8ff59,#54d8ff00);animation:float 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(15px) scale(1.05)}}.top-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1.25rem,4vw,3rem);background:#05070fb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.logo-type{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.nav-menu{background:transparent;border:none;display:flex;flex-direction:column;gap:5px;padding:0;cursor:pointer}.nav-menu span{width:22px;height:2px;background:var(--text);border-radius:999px;transition:transform .4s ease,opacity .4s ease}.nav-links{display:none;gap:1.5rem}.nav-links[data-open=true]{position:absolute;top:calc(100% + .75rem);right:clamp(1.25rem,4vw,3rem);left:clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#05070feb;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.nav-link{font-size:.95rem;color:var(--muted);transition:color .3s ease}.nav-links[data-open=true] .nav-link{font-weight:600;color:var(--text)}.nav-menu[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-menu[aria-expanded=true] span:nth-child(2){opacity:0}.nav-menu[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-link:hover,.nav-link:focus-visible{color:var(--text)}main{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(2.5rem,4vw,4rem);padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,3.5rem)}.hero{display:grid;gap:2.5rem;align-items:center;text-align:left}.hero-copy{display:flex;flex-direction:column;gap:1.5rem}.hero-pill{align-self:flex-start;background:#6ef7d11f;color:var(--accent);padding:.45rem 1.1rem;border-radius:999px;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.hero h1{font-size:clamp(2.3rem,6vw,3.8rem);line-height:1.08;margin:0}.hero p{margin:0;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.4rem;border-radius:999px;font-weight:600;letter-spacing:.01em;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#020307;box-shadow:0 12px 30px #6ef7d14d}.primary:hover,.primary:focus-visible{transform:translateY(-2px);box-shadow:0 18px 35px #6ef7d173}.ghost{background:#ffffff14;color:var(--text)}.ghost:hover,.ghost:focus-visible{background:#ffffff24;transform:translateY(-2px)}.hero-quick-links{display:flex;flex-wrap:wrap;gap:.5rem}.quick-chip{padding:.45rem .9rem;background:#f6f9ff14;border-radius:999px;font-size:.85rem;color:var(--muted);transition:background .3s ease}.quick-chip:hover,.quick-chip:focus-visible{background:#f6f9ff2e}.hero-visual{position:relative;min-height:240px;display:grid;place-items:center}.hero-card{position:absolute;width:min(280px,86vw);padding:1.4rem;border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:cardFloat 9s ease-in-out infinite}.hero-card h3{margin:0 0 .5rem;font-size:1.2rem}.hero-card p{margin:0;color:var(--muted);font-size:.95rem}.primary-card{top:20%;left:8%}.secondary-card{bottom:12%;right:10%;animation-delay:1.6s}@keyframes cardFloat{0%,to{transform:translateY(-6px) scale(.98)}50%{transform:translateY(6px) scale(1.02)}}.pulse-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid rgba(110,247,209,.4);animation:pulse 5s linear infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.7}70%{transform:scale(1.4);opacity:0}to{opacity:0}}.panel{background:var(--bg-panel);border-radius:var(--radius-lg);padding:clamp(1.8rem,4vw,2.8rem);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.75rem}.panel-header h2{margin:0 0 .6rem;font-size:clamp(1.8rem,4vw,2.4rem)}.panel-header p{margin:0;color:var(--muted)}.analysis-card{display:flex;flex-direction:column;gap:1.2rem;padding:1.5rem;background:#080a16a6;border-radius:var(--radius-md);border:1px solid rgba(110,247,209,.08)}.input-label{font-weight:600}.input-group{display:flex;gap:.75rem;flex-direction:column}input,textarea{width:100%;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#0f1528cc;color:var(--text);padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border .3s ease,box-shadow .3s ease}input:focus,textarea:focus{outline:none;border:1px solid rgba(110,247,209,.6);box-shadow:0 0 0 3px #6ef7d12e}.analysis-preview{display:grid;gap:1rem;background:#0c1120b3;border-radius:var(--radius-md);padding:1.2rem;border:1px solid rgba(255,255,255,.04)}.analysis-preview ul{margin:0;padding-left:1.2rem;color:var(--muted)}.analysis-status{display:inline-flex;align-items:center;gap:.7rem;color:var(--muted);font-weight:500}.status-light{width:12px;height:12px;border-radius:50%;background:#ffffff38;transition:background .3s ease}.status-light[data-active=true]{background:var(--accent);box-shadow:0 0 12px #6ef7d1b3}.budget-grid{display:grid;gap:1.5rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.95rem;font-weight:600}.budget-summary{background:#0c1223cc;border-radius:var(--radius-md);border:1px solid rgba(110,247,209,.1);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.budget-summary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(84,216,255,.18),transparent 50%);pointer-events:none}.summary-amount{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:700;margin:0}.summary-tag{align-self:flex-start;padding:.35rem .85rem;border-radius:999px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;background:#ffffff14}.summary-breakdown{display:grid;gap:.9rem;font-size:.95rem}.summary-breakdown strong{display:block;color:var(--muted)}.summary-breakdown span{font-weight:600}.summary-note{margin:0;color:var(--muted);font-size:.9rem}.tone-warning{color:var(--warning)}.tone-info{color:var(--info)}.tone-success{color:var(--success)}.credit-grid{display:grid;gap:1rem}.credit-card{background:#0b101ec7;border-radius:var(--radius-md);padding:1.4rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-light);transition:transform .4s ease,border .4s ease,box-shadow .4s ease}.credit-card:hover,.credit-card:focus-visible{transform:translateY(-6px);border-color:#6ef7d166;box-shadow:0 16px 40px #00000059}.credit-card h3{margin:0 0 .7rem}.credit-card p{margin:0;color:var(--muted)}.credit-card.tone-warning{border-left:4px solid var(--warning)}.credit-card.tone-info{border-left:4px solid var(--info)}.credit-card.tone-success{border-left:4px solid var(--success)}.letter-grid{display:grid;gap:1.5rem}.letter-form{display:grid;gap:1rem;background:#0b1021b8;border-radius:var(--radius-md);padding:1.4rem;border:1px solid rgba(110,247,209,.1)}textarea{resize:vertical;min-height:120px}.letter-preview{background:#080c1bd9;border-radius:var(--radius-md);padding:1.4rem;border:1px solid rgba(110,247,209,.1);display:flex;flex-direction:column;gap:1rem;position:relative}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview-pill{padding:.35rem .8rem;border-radius:999px;background:#6ef7d12e;color:var(--accent);font-size:.8rem;letter-spacing:.08em}.letter-preview pre{margin:0;font-family:Fira Code,Roboto Mono,ui-monospace,SFMono-Regular,monospace;font-size:.9rem;white-space:pre-wrap;color:var(--muted)}.premium{border:1px solid rgba(110,247,209,.2);background:linear-gradient(135deg,#0c152ae6,#070b14d9)}.premium-card{display:grid;gap:1.4rem;background:#050812cc;border-radius:var(--radius-lg);padding:1.8rem;border:1px solid rgba(110,247,209,.1);position:relative;overflow:hidden}.price-tag{display:flex;align-items:baseline;gap:.5rem;font-size:clamp(2.4rem,6vw,3rem);font-weight:700}.price-tag small{font-size:1rem;color:var(--muted)}.premium-card ul{display:grid;gap:1rem;margin:0;padding-left:1rem}.premium-card li{list-style:none;position:relative;padding-left:1.4rem}.premium-card li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;border-radius:50%;background:var(--accent)}.knowledge-grid{display:grid;gap:1rem}.knowledge-card{background:#0c1220d9;border-radius:var(--radius-md);padding:1.4rem;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.8rem;transition:transform .3s ease,border .3s ease}.knowledge-card:hover,.knowledge-card:focus-visible{transform:translateY(-4px);border-color:#6ef7d166}.knowledge-card h3{margin:0}.knowledge-card p{margin:0;color:var(--muted)}.link-button{background:none;border:none;color:var(--accent);font-weight:600;align-self:flex-start;padding:0;cursor:pointer;display:inline-flex;gap:.3rem;letter-spacing:.02em}.link-button:after{content:"→";transition:transform .3s ease}.link-button:hover:after,.link-button:focus-visible:after{transform:translate(4px)}.site-footer{padding:3rem clamp(1.25rem,4vw,3.5rem) 2.5rem;color:var(--muted);text-align:center;font-size:.9rem;position:relative;z-index:1}.tone-warning.summary-tag,.tone-info.summary-tag,.tone-success.summary-tag{background:#ffffff14}@media (min-width: 768px){.nav-menu{display:none}.nav-links{display:flex}.hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.hero-card{width:280px}.analysis-card{padding:2rem}.input-group{flex-direction:row;align-items:center}.input-group .primary{flex-shrink:0;padding-inline:1.8rem}.budget-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.credit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.letter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){main{padding-inline:clamp(4rem,8vw,7rem)}.panel{padding:clamp(2.4rem,4vw,3rem)}}