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