.file-input-label,.tab-btn,.theme-toggle{transition:.3s;cursor:pointer}.share-btn:hover,.theme-toggle:hover{transform:scale(1.1)}.comparison-list,.footer-section ul,nav ul{list-style:none}footer,header{backdrop-filter:blur(10px)}.footer-section a,.logo,nav a{text-decoration:none}.file-input-label,.footer-bottom,.hero-text,.room-code-box,.section-title,.status-message,.why-card{text-align:center}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#4A90E2;--primary-dark:#357ABD;--secondary:#9B59B6;--secondary-dark:#8E44AD;--bg-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-dark:#2c3e50;--text-light:#fff;--bg-light:#fff;--bg-card:#fff;--border:#e0e0e0;--shadow:rgba(0,0,0,0.08);--text-dark:#1f2937;--text-light:#ffffff}[data-theme=dark]{--bg-gradient:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--text-dark:#ecf0f1;--text-light:#fff;--bg-light:#0f0f1e;--bg-card:#1e1e2e;--border:#2c2c3e;--shadow:rgba(0,0,0,0.3)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#e5e7eb;min-height:100vh;color:var(--text-dark);transition:background .3s}[data-theme=dark] body{background:#1a1a2e}header{background:var(--bg-card);padding:8px 0;box-shadow:0 2px 10px var(--shadow);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo,.logo-icon{align-items:center}.logo{display:flex;gap:10px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#4a90e2,#7b68ee);border-radius:6px;justify-content:center;font-size:18px;display:inline-block;flex-shrink:0}.card-header,.header-right{align-items:center}.comparison-list li,.hero-description,.why-card p{color:#1f2937}.logo-text,h1,h2,h3,nav a{color:var(--text-dark)}[data-theme=dark] .coming-card p,[data-theme=dark] .comparison-list li,[data-theme=dark] .hero-description,[data-theme=dark] .why-card p{color:#e5e7eb}article h2,h2,section h2{font-size:1.5rem!important}article h3,h3,section h3{font-size:1.25rem!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--text-light)}.logo-text{font-size:20px;font-weight:700}.logo-suffix{font-size:11px;color:#6b7280;display:block;font-weight:400;margin-top:-2px}.comparison-list li::before,.theme-toggle{font-size:18px}.header-right,nav ul{display:flex;gap:25px}.card-title,h1{font-weight:700}nav a{font-weight:500;font-size:14px;transition:color .3s}article h1,h1,section h1{font-size:2rem!important}nav a:hover{color:var(--primary)}.theme-toggle{background:var(--border);border:none;width:36px;height:36px;border-radius:8px}.theme-toggle:hover{background:var(--primary)}.hero-transfer{max-width:1200px;margin:0 auto;padding:20px 20px 40px;color:#fff}.hero-text{margin-bottom:35px}h1{margin-bottom:15px;color:#1f2937}[data-theme=dark] h1{color:#f9fafb}.hero-subtitle{font-size:1em;margin-bottom:10px;color:#1f2937}.hero-description{font-size:.95em;color:#1f2937;max-width:700px;margin:0 auto}.card-header,.file-input-wrapper,.selection-tabs{margin-bottom:20px}[data-theme=dark] .hero-subtitle{color:#f3f4f6}.transfer-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.card{background:var(--bg-card);border-radius:0;padding:30px;box-shadow:0 2px 8px var(--shadow)}.card-header{display:flex;gap:12px}.card-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.send-icon{background:linear-gradient(135deg,#4a90e2,#357abd)}.receive .btn-primary,.receive-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.tab-btn,input[type=text]{background:var(--bg-card)}.card-title{font-size:1.5em;color:var(--text-dark)}.selection-tabs{display:flex;gap:8px}.tab-btn{flex:1;padding:10px;border:2px solid var(--border);border-radius:8px;font-weight:600;font-size:14px;color:var(--text-dark)}.file-info,.file-input-label{background:var(--bg-light);color:var(--text-dark)}.tab-btn.active{background:linear-gradient(135deg,#4a90e2,#357abd);border-color:#4a90e2}.file-input-label.dragover,.file-input-label:hover{border-color:var(--primary)}.room-display.show,.upload-section{display:block}.upload-section.hidden,input[type=file]{display:none}.file-input-label{display:block;padding:25px 20px;border:3px dashed var(--border);border-radius:12px}.file-input-label.dragover{background:rgba(74,144,226,.1)}.file-info{margin-top:12px;padding:12px;border-radius:8px;font-size:14px}.btn-primary,input[type=text]{width:100%;padding:16px;font-size:16px;transition:.3s}input[type=text]{border:2px solid var(--border);border-radius:10px;color:var(--text-dark)}input[type=text]:focus{outline:0;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(155,89,182,.1)}.btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:10px;font-weight:600;cursor:pointer;margin-top:15px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(74,144,226,.4)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.room-display{margin-top:25px;display:none}.share-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.share-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.share-btn.whatsapp{background:#25d366}.share-btn.twitter{background:#1da1f2}.share-btn.telegram{background:#08c}.share-btn.copy{background:#6b7280;color:#fff;font-size:20px}.room-label{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.room-code-box{background:var(--bg-light);padding:20px;border-radius:12px;border:2px solid var(--primary);margin-bottom:15px}.room-code-text{font-size:36px;font-weight:700;color:var(--primary);letter-spacing:6px;font-family:'Courier New',monospace}.qr-code-container{background:#fff;padding:15px;border-radius:12px;display:inline-block;box-shadow:0 5px 15px var(--shadow)}.progress-section{margin-top:20px;display:none}.coming-card h3,.comparison-list li{display:flex;color:var(--text-dark)}.progress-bar{width:100%;height:35px;background:var(--border);border-radius:17px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#4a90e2,#357abd);width:0%;transition:width .4s;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.section-title,.status-message,.why-card h3{color:var(--text-dark)}.status-message{padding:12px;background:var(--bg-light);border-radius:8px;font-size:14px}.status-message.success{background:#d4edda;color:#155724}.status-message.error{background:#f8d7da;color:#721c24}.coming-soon,.why-section{background:var(--bg-card);padding:60px 20px}.footer-content,.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5em;margin-bottom:50px}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}.why-card{padding:30px 20px}.why-icon{font-size:48px;margin-bottom:15px}.coming-grid,.comparison-grid{gap:30px;margin:0 auto;display:grid}.why-card h3{font-size:1.4em;margin-bottom:10px}.coming-card p,.why-card p{color:#1f2937;line-height:1.6}.comparison{background:var(--bg-light)}.comparison-grid{grid-template-columns:1fr 1fr;max-width:1000px}.comparison-card{background:var(--bg-card);padding:35px;border-radius:16px;box-shadow:0 5px 20px var(--shadow)}.comparison-card h3{font-size:1.8em;margin-bottom:25px;color:var(--text-dark)}.comparison-card.traditional h3{color:brown}[data-theme=dark] .comparison-card.traditional h3{color:#ff6b6b}.btn-primary,.tab-btn.active{color:#fff!important}.comparison-card.zapfile h3{color:#0d7836}[data-theme=dark] .comparison-card.zapfile h3{color:#4ade80}.comparison-list li{padding:12px 0;align-items:start;gap:10px}.traditional .comparison-list li::before{content:"❌"}.zapfile .comparison-list li::before{content:"✓";color:#059669;font-weight:700;font-size:20px}.coming-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1100px}.coming-card{background:var(--bg-light);padding:30px;border-radius:16px;border:2px solid var(--border)}.coming-card h3{align-items:center;gap:10px;font-size:1.4em;margin-bottom:15px}.footer-section a:hover,footer{color:#fff}footer{background:#000;padding:50px 20px 25px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:30px}.footer-section h3{font-size:1.1em;margin-bottom:15px;color:#fff}.footer-section p{color:#e5e7eb;line-height:1.6;margin-bottom:10px}.footer-section ul li{margin-bottom:8px}.footer-section a{color:#e5e7eb;transition:color .3s}.footer-bottom{padding-top:25px;border-top:1px solid rgba(255,255,255,.1);opacity:.7}@media (max-width:768px){.comparison-grid,.transfer-cards{grid-template-columns:1fr}h1{font-size:2em}.hero-subtitle{font-size:1.1em}nav ul{display:none}.card{padding:25px}.room-code-text{font-size:24px;letter-spacing:3px}}