.app{min-height:100vh;display:flex;background:radial-gradient(ellipse at top,#0f172a,#0a0e17,#020617);position:relative;overflow:hidden}.sidebar{width:400px;background:linear-gradient(180deg,#111827cc,#1a1f2ecc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(99,102,241,.1);padding:1.9rem;display:flex;flex-direction:column;gap:1.6rem;overflow-y:auto;position:fixed;left:0;top:0;bottom:0;z-index:100;box-shadow:20px 0 80px #00000080}.main-content{flex:1;margin-left:400px;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;z-index:10}.welcome-message{text-align:center;color:#6b7280;font-size:1.2rem}.welcome-icon{font-size:6rem;margin-bottom:1.5rem;opacity:.3;filter:drop-shadow(0 0 30px rgba(99,102,241,.3))}.film-display-desktop{width:100%;max-width:500px;padding:1.6rem!important}.title{font-size:2rem;font-weight:700;margin-bottom:.5rem;line-height:1.3;filter:drop-shadow(0 0 20px rgba(99,102,241,.5))}.gradient-text{display:inline-block}.subtitle{font-size:1rem;margin-bottom:0;color:#9ca3af;font-weight:400}.form-card{padding:1.5rem!important;width:100%}.glass-card:hover .glass-border{opacity:.6!important}.input-group{margin-bottom:1.2rem}.input-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.95rem;color:#9ca3af}.animated-input{transition:all .3s ease;border:2px solid rgba(99,102,241,.2)}.animated-input:focus{border-color:#6366f199;box-shadow:0 0 0 4px #6366f11a,0 0 20px #6366f133}.checkbox-group{margin-bottom:1.2rem;padding:.65rem;background:#11182799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;transition:all .3s ease;border:1px solid rgba(99,102,241,.1);cursor:pointer}.checkbox-group:hover{background:#1a1f2ecc;border-color:#6366f14d;box-shadow:0 0 20px #6366f11a}.checkbox-group label{cursor:pointer;display:flex;align-items:center;gap:.75rem}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.submit-button{width:100%;margin-top:.3rem}.film-poster-container{position:relative;perspective:1000px;width:100%;max-width:240px}.film-poster{width:100%;max-width:240px;border-radius:12px;box-shadow:0 20px 60px #000c,0 0 0 1px #6366f133;transition:all .4s ease;transform-style:preserve-3d}.poster-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,rgba(99,102,241,.3) 0%,transparent 70%);filter:blur(20px);z-index:-1;opacity:0;transition:opacity .4s ease}.film-poster-container:hover .poster-glow{opacity:1}.film-poster-placeholder{width:100%;max-width:240px;aspect-ratio:2/3;border-radius:12px;background:linear-gradient(135deg,#111827cc,#1f2937cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:4rem;box-shadow:0 20px 60px #00000080;border:2px solid rgba(99,102,241,.2)}.film-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.film-info{text-align:center;width:100%}.film-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#e5e7eb;line-height:1.3}.film-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.film-link{display:block;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;box-shadow:0 8px 30px #6366f166,inset 0 1px #ffffff1a;text-align:center;position:relative;overflow:hidden}.film-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.film-link:hover:before{left:100%}.film-link:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6366f199}.neon-button{width:100%;font-size:16px}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e17f7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:2rem}.loading-content{padding:3rem 4rem!important;text-align:center}.film-reel{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(99,102,241,.5))}.loading p{font-size:1.3rem;opacity:.95;font-weight:500;margin:0;color:#e5e7eb}.loading-inline{text-align:center;padding:3rem 2rem!important;max-width:400px}.loading-inline .film-reel{font-size:4rem;margin-bottom:1rem}.loading-inline p{font-size:1.2rem;opacity:.9;font-weight:500;margin:0;color:#9ca3af}.error{margin-top:2rem;text-align:center;font-weight:500;padding:1.5rem 2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #ef444433}.error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:999;padding:2rem;pointer-events:none}.error-overlay .error{pointer-events:all;margin:0}.error-inline{max-width:500px}.film-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e17f7;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.film-modal{position:relative;padding:2.5rem!important;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.close-button{position:absolute;top:1rem;right:1rem;background:#111827cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.2);color:#9ca3af;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;z-index:10;box-shadow:0 4px 20px #00000080}.close-button:hover{background:#1f2937e6;color:#e5e7eb;border-color:#6366f180;box-shadow:0 0 30px #6366f14d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#11182780}::-webkit-scrollbar-thumb{background:#6366f180;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1b3}@media (max-width: 1024px){.sidebar{width:100%;position:relative;border-right:none;border-bottom:none;min-height:100vh;background:linear-gradient(180deg,#111827f2,#1a1f2ef2)}.main-content{display:none}.app{flex-direction:column}}@media (max-width: 600px){.title{font-size:1.6rem}.subtitle{font-size:.9rem}.form-card{padding:1.5rem!important}.sidebar{padding:1.5rem}.film-title{font-size:1.5rem}.film-modal{padding:1.5rem!important;margin:.5rem}.close-button{top:.5rem;right:.5rem;width:35px;height:35px;font-size:1.5rem}.film-poster{max-width:250px}.film-poster-placeholder{max-width:250px;font-size:4rem}.loading-content{padding:2rem 2.5rem!important}.film-reel{font-size:4rem;margin-bottom:1rem}.loading p{font-size:1.1rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0e17}::-webkit-scrollbar-thumb{background:#1f2937;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#374151}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;background:#0a0e17;min-height:100vh;color:#e5e7eb;overflow-x:hidden}#root{width:100%;min-height:100vh}input[type=text]{width:100%;padding:14px 18px;border:2px solid #1f2937;border-radius:12px;background:#111827;color:#e5e7eb;font-size:16px;font-family:inherit;transition:all .3s ease}input[type=text]::placeholder{color:#6b7280}input[type=text]:focus{outline:none;border-color:#6366f1;background:#1a1f2e;box-shadow:0 0 0 3px #6366f11a}button{padding:14px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #6366f14d}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #6366f166;background:linear-gradient(135deg,#7c3aed,#a855f7)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;background:#374151;box-shadow:none}label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:15px;color:#d1d5db}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.error{background:#ef44441a;border:2px solid rgba(239,68,68,.3);padding:14px 18px;border-radius:12px;color:#fca5a5;font-size:14px}