.home-container{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center;padding:var(--spacing-lg);text-align:center;background-image:url(/assets/bg-DSFvV7MI.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;inset:0;background:#00000080;z-index:1}.hero,.features{position:relative;z-index:2}.hero{margin-bottom:var(--spacing-xxl);animation:fadeInDown 1.2s ease-out}.title{font-size:5rem;margin-bottom:var(--spacing-md);color:#fff;letter-spacing:-2px;font-family:var(--font-family-serif);text-shadow:0 4px 30px rgba(0,0,0,.8)}.highlight{color:var(--color-accent);text-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3);position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:10px;background:var(--color-accent);opacity:.3;filter:blur(8px);z-index:-1;animation:pulse 3s infinite}.subtitle{font-size:1.35rem;color:#e0e0e0;margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;text-shadow:0 2px 10px rgba(0,0,0,.8)}.cta-button{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,gold,#fdb931);color:#3e2723;font-weight:800;font-size:1.25rem;border-radius:50px;box-shadow:0 4px 15px #ffd70066,0 0 30px #ffd70033;transition:all .3s cubic-bezier(.25,.8,.25,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #ffd70099,0 0 50px #ffd70066}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xxl);width:100%;max-width:1200px;animation:fadeInUp 1.2s ease-out .5s backwards}.feature-card{background:#14141e99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:transform .4s ease,border-color .4s ease;box-shadow:0 8px 32px #0000005e}.feature-card:hover{transform:translateY(-10px);border-color:var(--color-accent);background:#1e1e2db3}.feature-card h3{font-size:1.6rem;margin-bottom:var(--spacing-md);color:var(--color-accent);text-shadow:0 2px 5px rgba(0,0,0,.5)}.feature-card p{color:#d0d0d0;font-size:1.05rem;line-height:1.6}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.3;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(1.1)}to{opacity:.3;transform:scaleX(1)}}@media(max-width:768px){.title{font-size:3rem}.subtitle{font-size:1.1rem;padding:0 var(--spacing-md)}}.input-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-xxl) var(--spacing-md);background-image:url(/assets/bg-DSFvV7MI.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative}.input-container:before{content:"";position:absolute;inset:0;background:#0009;z-index:1}.form-wrapper{position:relative;z-index:2;background-color:#1a1a2ed9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:0 15px 40px #000000b3;border:1px solid rgba(255,255,255,.1)}.form-title{text-align:center;margin-bottom:var(--spacing-xs);color:var(--color-accent)}.form-subtitle{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);font-size:.9rem}.saju-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column}.full-width{grid-column:span 2}label{margin-bottom:var(--spacing-xs);font-size:.9rem;color:var(--color-text-primary)}input,select,textarea{padding:var(--spacing-md);background-color:#0003;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-base);transition:border-color var(--transition-fast)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}option{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent)}.submit-button{grid-column:span 2;margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-accent);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:background-color var(--transition-normal)}.submit-button:hover{background-color:var(--color-accent-hover)}@media(max-width:600px){.saju-form{grid-template-columns:1fr}.full-width,.submit-button{grid-column:span 1}}.processing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;color:#fff}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:gold;animation:spin 1s ease-in-out infinite;margin-bottom:2rem}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:gold}.processing-subtext{font-size:1rem;color:#ccc}.result-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-xxl) var(--spacing-md);background-image:url(/assets/bg-DSFvV7MI.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative}.result-container:before{content:"";position:absolute;inset:0;background:#000000b3;z-index:1}.result-card{position:relative;z-index:2;background-color:#1a1a2ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);width:100%;max-width:700px;box-shadow:0 15px 50px #000c;border:1px solid rgba(255,215,0,.2);animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.result-header h2{color:var(--color-accent);margin-bottom:var(--spacing-xs)}.user-info-summary{color:var(--color-text-secondary);font-size:.9rem}.analysis-section{margin-bottom:var(--spacing-xl)}.analysis-section h3{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.analysis-text{color:var(--color-text-secondary);line-height:1.7}.score-bar{height:8px;background-color:#ffffff1a;border-radius:4px;margin-bottom:var(--spacing-sm);overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#fff);border-radius:4px;width:0;animation:fillBar 1.5s ease-out forwards}@keyframes fillBar{0%{width:0}}.analysis-detail{font-size:.95rem;color:var(--color-text-secondary)}.advice-section{background-color:#ffd7000d;padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);border-left:3px solid var(--color-accent)}.advice-list{list-style-type:none;padding:0;margin:0}.advice-list li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative;color:var(--color-text-primary)}.advice-list li:before{content:"•";color:var(--color-accent);position:absolute;left:0}.action-buttons{text-align:center}.restart-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--color-accent);color:var(--color-accent);border-radius:50px;font-weight:700;transition:all var(--transition-normal)}.restart-button:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}.markdown-result{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-xl);text-align:left}.markdown-result h1,.markdown-result h2,.markdown-result h3,.markdown-result h4{color:var(--color-text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:var(--spacing-xs)}.markdown-result h1:first-child,.markdown-result h2:first-child,.markdown-result h3:first-child{margin-top:0}.markdown-result p{margin-bottom:var(--spacing-md)}.markdown-result strong{color:var(--color-accent);font-weight:700}.markdown-result ul,.markdown-result ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.markdown-result li{margin-bottom:var(--spacing-xs);position:relative}.markdown-result blockquote{border-left:3px solid var(--color-accent);padding-left:var(--spacing-md);margin-left:0;margin-bottom:var(--spacing-md);font-style:italic;background:#ffd7000d;padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-result table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);background-color:#ffffff0d;border-radius:var(--radius-sm);overflow:hidden}.markdown-result th,.markdown-result td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid rgba(255,215,0,.1);color:var(--color-text-secondary)}.markdown-result th{background-color:#ffd7001a;color:var(--color-accent);font-weight:600}.markdown-result tr:last-child td{border-bottom:none}.markdown-result tr:hover{background-color:#ffd70005}.markdown-result code{background-color:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:var(--color-accent)}.markdown-result pre{background-color:#0000004d;padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.markdown-result pre code{background-color:transparent;padding:0;color:#e0e0e0}.markdown-result hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);margin:var(--spacing-xl) 0}:root{--color-bg-primary: #0f0f13;--color-bg-secondary: #1a1a2e;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-accent: #ffd700;--color-accent-hover: #ffec8b;--color-border: #333344;--color-error: #ff4d4d;--color-success: #4dff4d;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-serif: "Playfair Display", serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);margin:0;padding:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);color:var(--color-accent);margin-top:0}a{color:var(--color-accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-accent-hover)}*{box-sizing:border-box}