:root{--primary-color: #667eea;--secondary-color: #764ba2;--dark-color: #2c3e50;--light-gray: #f8f9fa;--border-color: #dee2e6;--success-color: #2e7d32;--info-color: #1976d2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia, 'Times New Roman', Times, serif;line-height:1.6;color:#333;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);min-height:100vh}.site-header{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}.navbar{padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:bold;color:var(--dark-color);text-decoration:none}.nav-brand:hover{color:var(--primary-color)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--dark-color);text-decoration:none;font-weight:500;transition:color 0.3s ease}.nav-links a:hover{color:var(--primary-color)}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{text-align:center;color:white}.hero-title{font-size:3rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.hero-subtitle{font-size:1.2rem;opacity:0.9;margin-bottom:2rem}.quote-examples{background:rgba(255,243,205,0.95);border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin:2rem auto;max-width:800px;font-size:0.9rem;color:#856404}.quote-examples strong{color:#495057}.app-container{background:white;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.1);overflow:hidden;margin:2rem auto;max-width:1200px}.converter-section{display:flex;gap:1px;background:#e0e0e0}.textarea-container{flex:1;display:flex;flex-direction:column;background:white}.textarea-header{background:var(--light-gray);padding:15px 20px;border-bottom:1px solid var(--border-color);font-weight:600;color:#495057;font-size:1.1rem}.textarea-header.input-header{background:#e3f2fd;color:var(--info-color)}.textarea-header.output-header{background:#e8f5e8;color:var(--success-color)}textarea{height:300px;border:none;padding:20px;font-family:'Courier New', Monaco, monospace;font-size:14px;line-height:1.6;resize:vertical;outline:none;background:#fafafa}textarea#inputText{background:#fafafa}textarea#outputText{background:#f9f9f9;color:var(--success-color)}.button-container{padding:20px;text-align:center;background:var(--light-gray);border-top:1px solid var(--border-color)}.smarten-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:white;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.3)}.smarten-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.smarten-btn:active{transform:translateY(0)}.smarten-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.stats{margin-top:15px;color:#6c757d;font-size:0.9rem}.site-footer{background:var(--dark-color);color:white;padding:2rem 0;text-align:center;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content p{margin-bottom:0.5rem}.footer-content a{color:#74b9ff;text-decoration:none}.footer-content a:hover{text-decoration:underline}.version{font-size:0.8rem;opacity:0.7}@media (max-width: 768px){.hero-title{font-size:2rem}.nav-links{gap:1rem}.nav-links a{font-size:0.9rem}.converter-section{flex-direction:column}textarea{height:200px}}