.landing-app{--primary: #DC143C;--accent: #efefef;--background: #212121;--secondary: #ffffff85;--neutral: #C8EAF4;--text: #9E9E9E;--white: #212121;--shadow: #00000012;margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;line-height:1.6;color:var(--text);background-color:var(--background);overflow-x:hidden}.landing-app *{margin:0;padding:0;box-sizing:border-box}.landing-app .container{max-width:1200px;margin:0 auto}.landing-app .header{background:var(--white);box-shadow:0 2px 20px var(--shadow);position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 30px}.landing-app .nav{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0}.landing-app .logo{font-size:2rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.landing-app .logo-image{width:70px;height:70px;border-radius:6px;object-fit:contain}.landing-app .nav-links{display:flex;gap:2rem;list-style:none}.landing-app .nav-links a{text-decoration:none;color:var(--secondary);font-weight:500;transition:color .3s ease;cursor:pointer}.landing-app .nav-links a:hover{color:var(--primary)}.landing-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;vertical-align:middle}.landing-app .btn-primary{background:var(--primary);color:var(--white)}.landing-app .btn-primary:hover{transform:translateY(-2px)}.landing-app .btn-secondary{background:var(--accent);color:var(--white)}.landing-app .btn-secondary:hover{background:#94b8a3;transform:translateY(-2px)}.landing-app .btn svg{vertical-align:middle;flex-shrink:0;margin-right:.75rem}.landing-app .hero{background:var(--accent);padding:120px 0 0;text-align:center;position:relative;overflow:hidden}.landing-app .hero-content{position:relative;z-index:2}.landing-app .hero h1{font-size:3rem;font-weight:700;color:var(--background);margin-bottom:1.5rem;line-height:1.2}.landing-app .hero p{font-size:1.25rem;color:var(--text);margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;opacity:.9}.landing-app .hero-cta{margin-bottom:2rem;justify-content:center;align-items:center;display:flex;flex-direction:column}.landing-app .benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.landing-app .benefit-item{background:var(--white);padding:2rem;border-radius:20px;box-shadow:0 10px 30px var(--shadow);text-align:center;transition:transform .3s ease}.landing-app .benefit-item:hover{transform:translateY(-5px)}.landing-app .benefit-icon{width:60px;height:60px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--white)}.landing-app .how-it-works{padding:50px 0;background:var(--white)}.landing-app .section-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:3rem}.landing-app .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.landing-app .step{text-align:center;position:relative}.landing-app .step-number{width:80px;height:80px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2rem;font-weight:700;color:var(--white)}.landing-app .step h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--accent)}.landing-app .step p{color:var(--accent);opacity:.8;line-height:1.6}.landing-app .use-cases{padding:50px 0;background:var(--background)}.landing-app .use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.landing-app .use-case{background:var(--white);border-radius:20px;border:1px solid var(--text);overflow:hidden;box-shadow:0 10px 30px var(--shadow);transition:transform .3s ease}.landing-app .use-case:hover{transform:translateY(-5px)}.landing-app .use-case-content{padding:2rem}.landing-app .use-case-icon{width:60px;height:60px;background:var(--secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.landing-app .use-case h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--accent)}.landing-app .faq{padding:50px 0;background:var(--background)}.landing-app .faq-list{max-width:800px;margin:3rem auto 0}.landing-app .faq-item{background:var(--white);border-radius:15px;margin-bottom:1rem;overflow:hidden;box-shadow:0 5px 15px var(--shadow)}.landing-app .faq-question{width:100%;background:none;border:none;padding:1.5rem 2rem;text-align:left;font-size:1.1rem;font-weight:600;color:var(--accent);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.landing-app .faq-answer{padding:0 2rem 1.5rem;color:var(--text);opacity:.8;line-height:1.6;display:none}.landing-app .faq-item.active .faq-answer{display:block}.landing-app .footer{background:var(--text);color:var(--background);padding:30px 0}.landing-app .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:#fff9}@media (max-width: 768px){.landing-app .nav-links{display:none}.landing-app .logo{font-size:1.6rem}.landing-app .hero h1{font-size:2rem}.landing-app .hero p{font-size:1.1rem}.landing-app .section-title{font-size:2rem}.landing-app .benefits,.landing-app .steps,.landing-app .use-cases-grid{grid-template-columns:1fr}.landing-app .nav{justify-content:center}.landing-app .btn{font-size:.8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-app .fade-in-up{animation:fadeInUp .6s ease-out}.landing-app{scroll-behavior:smooth}.message-app{--primary: #DC143C;--background: #212121;--secondary: #9E9E9E;--text: #EEEEEE;--text-muted: #BDBDBD;--border: rgba(135, 135, 135, .521);--shadow: rgba(0, 0, 0, .5);--footer: #ffffff;--sender-name: #ad9a6b;--receiver-name: #DC143C;--error: #D84315;--warning: #FFA000;--success: #388E3C;--primary-10: rgba(182, 77, 77, .2);--primary-20: rgba(182, 77, 77, .3);--secondary-10: rgba(158, 158, 158, .2);--secondary-20: rgba(158, 158, 158, .3)}.message-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;text-align:center;line-height:1.5}.message-app .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary));color:#fff;box-shadow:0 4px 15px var(--shadow)}.message-app .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow)}.message-app .message-page{min-height:100vh;padding:1.5rem 0;background:radial-gradient(circle at 20% 20%,var(--secondary-20) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--shadow) 0%,transparent 50%),radial-gradient(circle at 40% 60%,var(--primary-10) 0%,transparent 50%),linear-gradient(135deg,var(--background) 0%,var(--background) 50%,var(--secondary) 100%);background-attachment:fixed;position:relative}.message-app .message-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23B6B09F' fill-opacity='0.02'%3E%3Cpath d='M40 40c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5-1.5 3.5-3.5 3.5-3.5-1.5-3.5-3.5zm-8-8c0-1.5 1-2.5 2.5-2.5s2.5 1 2.5 2.5-1 2.5-2.5 2.5-2.5-1-2.5-2.5zm16 0c0-1.5 1-2.5 2.5-2.5s2.5 1 2.5 2.5-1 2.5-2.5 2.5-2.5-1-2.5-2.5zm-8 16c0-1.5 1-2.5 2.5-2.5s2.5 1 2.5 2.5-1 2.5-2.5 2.5-2.5-1-2.5-2.5zm8-8c0-1.5 1-2.5 2.5-2.5s2.5 1 2.5 2.5-1 2.5-2.5 2.5-2.5-1-2.5-2.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23EAE4D5' fill-opacity='0.015'%3E%3Cpath d='M30 25c0-1 0.8-1.8 1.8-1.8s1.8 0.8 1.8 1.8-0.8 1.8-1.8 1.8-1.8-0.8-1.8-1.8zm-5 5c0-1 0.8-1.8 1.8-1.8s1.8 0.8 1.8 1.8-0.8 1.8-1.8 1.8-1.8-0.8-1.8-1.8zm10 0c0-1 0.8-1.8 1.8-1.8s1.8 0.8 1.8 1.8-0.8 1.8-1.8 1.8-1.8-0.8-1.8-1.8zm-5 5c0-1 0.8-1.8 1.8-1.8s1.8 0.8 1.8 1.8-0.8 1.8-1.8 1.8-1.8-0.8-1.8-1.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px,120px 120px;background-position:0 0,60px 60px;opacity:.6;z-index:-1}.message-app .loading-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:radial-gradient(circle at 20% 20%,var(--secondary-20) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--shadow) 0%,transparent 50%),radial-gradient(circle at 40% 60%,var(--primary-10) 0%,transparent 50%),linear-gradient(135deg,var(--background) 0%,var(--background) 50%,var(--secondary) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;text-align:center;padding:2rem}.message-app .loading-content{background:var(--background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem 2rem;box-shadow:0 25px 50px var(--shadow);border:1px solid var(--border);max-width:400px;width:100%}.message-app .loading-content h3{color:var(--text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.message-app .loading-content p{color:var(--text-muted);margin-bottom:2rem;line-height:1.6;font-size:1rem}.message-app .loading-animation{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.message-app .loading-spinner{width:40px;height:40px;border:4px solid var(--primary-20);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.message-app .error-container{text-align:center;padding:4rem 2rem;color:var(--text)}.message-app .error-container{background:var(--background);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;margin:2rem auto;max-width:500px;box-shadow:0 10px 30px var(--shadow);border:2px solid var(--border)}.message-app .error-container h2{margin-bottom:1rem;font-size:1.5rem;color:var(--primary)}.message-app .error-container p{margin-bottom:2rem;opacity:.8;color:var(--text)}.message-app .message-form-container{max-width:600px;margin:0 auto;background:var(--background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:0;box-shadow:0 25px 50px var(--shadow);border:1px solid var(--border);overflow:hidden;position:relative}.receiver-name{color:var(--receiver-name);font-size:2rem}.message-app .message-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(circle at 30% 20%,var(--secondary-20) 0%,transparent 50%),radial-gradient(circle at 70% 30%,var(--primary-10) 0%,transparent 50%);z-index:0}.message-app .form-header{background:linear-gradient(135deg,var(--primary),var(--primary));color:#fff;padding:1.8rem 2rem;text-align:center;position:relative;z-index:1;box-shadow:inset 0 -1px #fff3}.message-app .form-header h2{margin-bottom:.3rem;font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600}.message-app .form-header p{opacity:.95;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.message-app .message-form{padding:.8rem 1.5rem 1.5rem;position:relative;z-index:1}.message-app .form-group{margin-bottom:1.2rem;position:relative}.message-app .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:var(--text);font-size:1rem}.message-app .form-control{width:100%;padding:.8rem 1rem;border:2px solid var(--border);border-radius:12px;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 8px var(--shadow);background:var(--background);color:var(--text)}.message-app .form-control option{background:var(--background);color:var(--text);padding:.5rem}.message-app select.form-control{background:var(--background);color:var(--text);cursor:pointer}.message-app select.form-control::-webkit-scrollbar{width:8px}.message-app select.form-control::-webkit-scrollbar-track{background:var(--secondary)}.message-app select.form-control::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.message-app .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-10),0 4px 12px var(--shadow);background:var(--footer);color:#000}.message-app .form-control:not(:placeholder-shown){background:var(--footer);color:#000}.message-app textarea.form-control:focus,.message-app input.form-control:focus{background:var(--footer);color:#000}.message-app textarea.form-control:not(:placeholder-shown),.message-app input.form-control:not(:placeholder-shown){background:var(--footer);color:#000}.message-app .char-count{margin-left:auto;font-weight:500;font-size:.875rem;color:var(--text-muted);background:var(--secondary-10);padding:.25rem .5rem;border-radius:12px}.message-app .form-control.error{border-color:var(--error);box-shadow:0 0 0 3px #dc35451a;background:#f8d7da}.message-app .error-message{display:block;margin-top:.5rem;color:var(--error);font-size:.875rem;font-weight:500}.message-app .song-selection-container{display:flex;gap:.5rem;align-items:stretch}.message-app .song-selection-container .form-control{flex:1}.message-app .btn-primary-2{background:linear-gradient(135deg,var(--primary),var(--primary));color:#fff;box-shadow:0 4px 15px var(--shadow)}.message-app .preview-btn{flex-shrink:0;width:52px;border:2px solid var(--border);border-radius:15px;background:var(--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow)}.message-app .preview-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-10);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.message-app .preview-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--shadow)}.message-app .preview-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-app .preview-btn.playing{background:var(--primary-10);border-color:var(--primary);animation:pulse-preview 2s ease-in-out infinite}@keyframes pulse-preview{0%,to{box-shadow:0 2px 8px var(--shadow)}50%{box-shadow:0 4px 16px var(--shadow)}}.message-app .form-submit{margin-top:1.8rem}.message-app .form-submit .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.1rem;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--primary));border:none;border-radius:15px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 8px 25px var(--shadow),inset 0 1px #fff3;transition:all .3s ease;cursor:pointer}.message-app .form-submit .btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px var(--shadow),inset 0 1px #ffffff4d}.message-app .form-submit .btn:active{transform:translateY(0)}.message-app .form-submit .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,var(--text-muted),var(--text-muted));color:#fff;box-shadow:0 4px 12px var(--shadow);filter:grayscale(50%)}.message-app .loading-spinner.small{width:20px;height:20px;border-width:2px;border-color:#ffffff4d;border-top-color:#fff}.message-app .message-player-container{max-width:700px;margin:0 auto;color:var(--text)}.message-app .player-header{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:var(--background);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:18px;border:1px solid var(--border)}.message-app .player-header h2{font-size:1.8rem;margin-bottom:.3rem;color:var(--text);text-shadow:0 2px 4px rgba(0,0,0,.1)}.message-app .sender-info{font-size:1rem;opacity:.9;color:var(--text-muted)}.message-app .audio-player{background:var(--background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 15px 35px var(--shadow),0 0 0 1px var(--border);position:relative}.message-app .audio-player.expired{background:#fff3cd;border:2px solid var(--warning)}.message-app .expired-message{text-align:center;color:#664d03}.message-app .expired-message h4{color:var(--warning);margin-bottom:1rem;font-size:1.25rem}.message-app .expired-message p{margin-bottom:.75rem;line-height:1.6}.message-app .expired-message p:last-child{margin-bottom:0;font-weight:600}.message-app .audio-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.2rem;color:var(--text);font-weight:600}.message-app .audio-icon{color:var(--primary)}.message-app .audio-controls{display:flex;align-items:center;gap:1.2rem}.message-app .play-button{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary),var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 8px 25px var(--shadow),inset 0 2px #fff3;position:relative}.message-app .play-button:hover{transform:scale(1.05);box-shadow:0 12px 35px var(--shadow),inset 0 2px #ffffff4d}.message-app .play-button:active{transform:scale(.95)}.message-app .audio-info{flex:1}.message-app .time-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted);font-weight:500}.message-app .progress-bar{height:8px;background:var(--secondary-20);border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.message-app .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary));border-radius:10px;transition:width .1s ease;box-shadow:0 0 8px var(--shadow)}.message-app .player-instructions{background:var(--background);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border)}.message-app .player-instructions h4{color:var(--text);margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.message-app .player-instructions ol{margin:0;padding-left:1.5rem;color:var(--text)}.message-app .player-instructions li{margin-bottom:.5rem;line-height:1.6;opacity:.9}.message-app .share-info{background:var(--background);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:center;border:1px solid var(--border)}.message-app .share-info p{margin:0;color:var(--text);line-height:1.6;opacity:.9}.message-app .player-footer{text-align:center;margin-top:1.5rem}.message-app .footer-content{background:var(--background);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:1.2rem;border:1px solid var(--border);max-width:400px;margin:0 auto}.message-app .footer-content p{margin:0;color:var(--text);font-size:.9rem;font-weight:500}.message-app .form-page-footer{text-align:center;margin-top:1rem;margin-bottom:2rem}.message-app .form-footer-content p{margin:0;color:var(--text);font-size:.9rem;font-weight:500}.message-app .form-footer-content a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .3s ease}.message-app .form-footer-content a:hover{color:var(--primary);text-decoration:underline}.message-app .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.message-app .popup-content{background:var(--background);border-radius:20px;padding:2rem;max-width:450px;width:100%;text-align:center;animation:popupIn .4s ease;box-shadow:0 25px 50px var(--shadow);border:1px solid var(--border)}.message-app .popup-content h3{margin-bottom:1.5rem;color:var(--text);font-size:1.4rem;line-height:1.5}@media (max-width: 768px){.message-app .message-form-container,.message-app .message-player-container{margin:0 1rem}.message-app .form-header,.message-app .message-form{padding:1rem}.message-app .form-header h2{font-size:1.6rem}.message-app .player-header h2{font-size:1.4rem}.message-app .audio-player{padding:2rem 1.5rem}.message-app .audio-controls{flex-direction:column;gap:1.5rem}.message-app .audio-info{width:100%}.message-app .play-button{width:70px;height:70px}.message-app .player-instructions,.message-app .share-info{padding:1.5rem}}@media (max-width: 480px){.message-app .form-header{padding:1.3rem 1rem}.message-app .message-form{padding:.5rem 1rem}.message-app .popup-icon{width:50px;height:50px}.message-app .play-button{width:60px;height:60px}.message-app .form-header h2{font-size:1.3rem}}.message-app .audio-player.processing{background:var(--secondary);border:2px solid var(--primary)}.message-app .processing-message{text-align:center;color:var(--text)}.message-app .processing-message h4{color:var(--primary);margin-bottom:1rem;font-size:1.25rem}.message-app .processing-message p{margin-bottom:1rem;line-height:1.6;color:var(--text)}.message-app .processing-message small{color:var(--text-muted);font-weight:500}.message-app .audio-error{text-align:center;padding:2rem;background:#f8d7da;border:2px solid var(--primary);border-radius:15px;margin:1rem 0}.message-app .audio-error p{color:var(--error);margin-bottom:1rem;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;line-height:1.5}.btn-primary{background:linear-gradient(135deg,#ffb6c1,#ff91a4);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-secondary{background:#fff;color:#333;border:2px solid #ddd}.btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:1.3rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-control{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}textarea.form-control{resize:vertical;min-height:100px}select.form-control{cursor:pointer}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.popup-content{background:#fff;border-radius:20px;padding:2rem;max-width:450px;width:100%;text-align:center;animation:popupIn .4s ease;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.audio-player{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;margin:1rem 0}.audio-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.play-button{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.play-button:hover{transform:scale(1.05)}.play-button:active{transform:scale(.95)}@media (max-width: 768px){.card{padding:1.5rem;margin:1rem}.btn{width:100%;margin-bottom:.5rem}.popup-content{padding:2rem}}