:root{--font-mono:"Roboto Mono",monospace;--primary-color:#0066cc;--secondary-color:#f5f5f5;--text-color:#333;--light-text:#666;--background-color:#ffffff;--card-shadow:0 4px 12px rgba(0,0,0,0.08);--border-radius:8px;--spacing-xs:7px;--spacing-sm:14px;--spacing-md:20px;--spacing-lg:28px;--spacing-xl:38px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;line-height:1.45;background:var(--background-color);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.45;margin:0;color:var(--text-color)}img{max-width:100%;height:auto;display:block}h1{margin:var(--spacing-sm) 0;font-size:2.2rem;line-height:1.2;font-weight:700;color:var(--primary-color);@media (max-width:768px){font-size:1.8rem}}h3{font-size:1.15rem;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--primary-color)}p{margin:var(--spacing-xs) 0;color:var(--light-text);font-size:.95rem}a{color:var(--primary-color);text-decoration:none;transition:all .2s ease;&:hover{opacity:.8}&:focus{outline:2px solid var(--primary-color);outline-offset:2px}}.home{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{justify-content:space-between;width:100%;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(0,0,0,.1)}.header,.logo-container{display:flex;align-items:center}.logo-container{max-width:40px;overflow:hidden}.logo-image{max-width:40px!important;width:auto!important;height:auto!important}.user-info{font-size:.9rem;color:var(--light-text)}.content{flex:1 1;width:100%;padding:var(--spacing-md) 0}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto}.subtitle{font-size:1.15rem;max-width:700px;margin-bottom:var(--spacing-md)}.features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin:var(--spacing-md) 0;width:100%;@media (max-width:768px){grid-template-columns:1fr}}.feature-card{background-color:var(--secondary-color);border-radius:var(--border-radius);padding:var(--spacing-sm);box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.12)}}.feature-card h3{margin-bottom:var(--spacing-xs);font-size:1rem;color:var(--primary-color)}.feature-card p{font-size:.9rem;color:var(--light-text);line-height:1.35;margin:var(--spacing-xs) 0}.feature-card ul{padding-left:var(--spacing-md);margin:var(--spacing-xs) 0}.feature-card li{font-size:.9rem;margin-bottom:var(--spacing-xs);color:var(--light-text)}.cta-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);@media (max-width:768px){flex-direction:column;gap:var(--spacing-xs)}}.cta-primary,.cta-secondary{padding:var(--spacing-xs) var(--spacing-lg);border-radius:50px;font-weight:500;transition:all .2s ease;font-size:.95rem}.cta-primary{background-color:var(--primary-color);color:white;&:hover{background-color:darken(var(--primary-color),10%);transform:translateY(-2px)}}.cta-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);&:hover{background-color:rgba(0,102,204,.1);transform:translateY(-2px)}}.footer{width:100%;text-align:center;padding:var(--spacing-sm) 0;margin-top:auto;border-top:1px solid rgba(0,0,0,.1);font-size:.8rem;color:var(--light-text)}