.preview-home-container{width:100%;max-width:900px;margin:0 auto;padding:0 20px}.preview-hero{text-align:center;padding:40px 30px;border-radius:16px;margin-bottom:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 8px 32px rgba(0,0,0,.1)}.preview-hero.dark{background:linear-gradient(135deg,#4a5568,#2d3748)}.preview-hero-content h1{font-size:2.5em;margin-bottom:20px;font-weight:700}.preview-hero-content p{font-size:1.2em;opacity:.95;line-height:1.6;max-width:600px;margin:0 auto}.create-preview-section{padding:30px;border-radius:12px;margin-bottom:40px;text-align:center}.create-preview-section.light{background:#f8f9fa;border:1px solid #e9ecef}.create-preview-section.dark{background:#2d3748;border:1px solid #4a5568}.create-preview-section h2{margin-bottom:25px;font-size:1.8em;font-weight:600}.create-preview-form{display:flex;flex-direction:column;gap:20px;max-width:500px;margin:0 auto}.preview-title-input{padding:16px 20px;border-radius:8px;border:2px solid;font-size:1.1em;transition:all .3s ease}.preview-title-input.light{background:white;border-color:#ced4da;color:#495057}.preview-title-input.dark{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.preview-title-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.15)}.create-preview-btn{padding:16px 32px!important;font-size:1.2em!important;font-weight:600!important;background:#667eea!important;border:2px solid #667eea!important;color:white!important;border-radius:8px!important;transition:all .3s ease!important}.create-preview-btn:hover:not(:disabled){background:#5a6fd8!important;border-color:#5a6fd8!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.create-preview-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.features-preview{padding:30px;border-radius:12px;margin-bottom:40px}.features-preview.light{background:white;border:1px solid #e9ecef}.features-preview.dark{background:#2d3748;border:1px solid #4a5568}.features-preview h3{text-align:center;margin-bottom:30px;font-size:1.6em;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px}.feature-item{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:8px;transition:transform .2s ease}.feature-item:hover{transform:translateY(-2px)}.features-preview.light .feature-item{background:#f8f9fa}.features-preview.dark .feature-item{background:#1a202c}.feature-icon{font-size:1.5em;flex-shrink:0;margin-top:2px}.feature-item strong{display:block;margin-bottom:5px;font-size:1.1em}.feature-item p{margin:0;opacity:.8;line-height:1.4}.limitations-notice{padding:25px;border-radius:8px;margin-bottom:40px;border-left:4px solid #ffc107}.limitations-notice.light{background:#fff3cd;border-color:#ffc107}.limitations-notice.dark{background:#2d2a1f;border-color:#ffc107}.limitations-notice h4{margin-bottom:15px;font-size:1.2em;color:#856404}.limitations-notice.dark h4{color:#ffc107}.limitations-list{text-align:left;margin:0;padding-left:20px;list-style-type:disc!important;list-style-position:outside;display:block!important;flex-direction:column!important}.limitations-list.light li{color:#213547}.limitations-list li{margin-bottom:8px;line-height:1.4;display:list-item!important;white-space:normal!important;word-wrap:break-word}.preview-cta{margin-bottom:40px}.cta-content{text-align:center;padding:40px 30px;border-radius:12px}.cta-content.light{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}.cta-content.dark{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568}.cta-content h3{margin-bottom:15px;font-size:1.8em;font-weight:600}.cta-content p{margin-bottom:30px;font-size:1.1em;opacity:.9;line-height:1.6}.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media only screen and (max-width:768px){.preview-home-container{padding:0 15px}.preview-hero{padding:30px 20px}.preview-hero-content h1{font-size:2em}.preview-hero-content p{font-size:1.1em}.create-preview-section,.cta-content,.features-preview{padding:25px 20px}.features-grid{grid-template-columns:1fr;gap:20px}.cta-buttons{flex-direction:column;align-items:center}}@media only screen and (max-width:480px){.preview-home-container{padding:0 10px}.preview-hero{padding:25px 15px}.preview-hero-content h1{font-size:1.8em}.create-preview-form{gap:15px}.preview-title-input{padding:14px 16px;font-size:1em}.create-preview-btn{padding:14px 24px!important;font-size:1.1em!important}.feature-item{padding:15px;gap:12px}.limitations-notice{padding:20px}}