.nav-container{height:70px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:1000}.nav-container .nav-content .nav-left .nav-logo{font-size:1.5rem;font-weight:700;color:#2563eb;text-decoration:none}.nav-container .nav-content .nav-left .nav-logo:hover{color:#1d4ed8}.nav-container .nav-content .nav-center .nav-link{color:#4b5563;text-decoration:none;font-weight:500;transition:color .2s ease}.nav-container .nav-content .nav-center .nav-link:hover{color:#2563eb}.nav-container .nav-content .nav-right .nav-link{color:#4b5563;text-decoration:none;font-weight:500;transition:color .2s ease}.nav-container .nav-content .nav-right .nav-link:hover{color:#2563eb}.nav-container .nav-content .nav-right .nav-button{background:#2563eb;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s ease}.nav-container .nav-content .nav-right .nav-button:hover{background:#1d4ed8;transform:translateY(-1px)}.page-footer{margin-top:100px;padding:60px 0 40px;background:#f8fafc;border-top:1px solid #e5e7eb}.page-footer .footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.page-footer .footer-content .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:60px}@media(max-width:768px){.page-footer .footer-content .footer-grid{grid-template-columns:repeat(2,1fr)}}.page-footer .footer-content .footer-grid .footer-column{display:flex;flex-direction:column;gap:12px}.page-footer .footer-content .footer-grid .footer-column h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.page-footer .footer-content .footer-grid .footer-column a{color:#4b5563;text-decoration:none;font-size:.9rem;transition:color .2s ease}.page-footer .footer-content .footer-grid .footer-column a:hover{color:#2563eb}.page-footer .footer-content .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid #e5e7eb}@media(max-width:768px){.page-footer .footer-content .footer-bottom{flex-direction:column;gap:20px;text-align:center}}.page-footer .footer-content .footer-bottom .footer-logo a{font-size:1.25rem;font-weight:700;color:#2563eb;text-decoration:none;margin-bottom:8px;display:block}.page-footer .footer-content .footer-bottom .footer-logo .footer-copyright{color:#6b7280;font-size:.875rem}.page-footer .footer-content .footer-bottom .footer-social{display:flex;gap:20px}.page-footer .footer-content .footer-bottom .footer-social a{color:#4b5563;text-decoration:none;font-size:.9rem;transition:color .2s ease}.page-footer .footer-content .footer-bottom .footer-social a:hover{color:#2563eb}.modal-overlay{z-index:1000;animation:fade-in .2s ease}.modal-content{background:#fff;padding:32px;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 40px rgba(0,0,0,.2);position:relative;animation:slide-up .3s ease}.modal-content h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:8px}.modal-content h2:before{content:"🎉";font-size:1.8rem}.modal-content p{color:#4b5563;line-height:1.6;margin-bottom:12px}.modal-content p:last-child{margin-bottom:0}.modal-content .url-container{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.modal-content .url-container p{color:#4b5563;margin-bottom:8px}.modal-content .url-container .url-actions{display:flex;align-items:center;gap:0}.modal-content .url-container .url-actions .url-input{flex:1;padding:8px;border:1px solid #e2e8f0;border-radius:6px 0 0 6px;font-size:.875rem;color:#4b5563;background:#fff;box-sizing:border-box}.modal-content .url-container .url-actions .copy-button,.modal-content .url-container .url-actions .view-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-left:none;border-radius:0;color:#4b5563;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.modal-content .url-container .url-actions .copy-button:hover,.modal-content .url-container .url-actions .view-button:hover{background:#2563eb;border-color:#2563eb;color:#fff}.modal-content .url-container .url-actions .copy-button{border-radius:0}.modal-content .url-container .url-actions .copy-button.copied,.modal-content .url-container .url-actions .copy-button.copied:hover{background:#dcfce7;border-color:#86efac;color:#166534}.modal-content .url-container .url-actions .view-button{border-radius:0 6px 6px 0}.close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f1f5f9;border:none;border-radius:50%;font-size:1.2rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;align-items:center;gap:12px;color:#6b7280}.loading:before{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.progress-container{width:100%;height:8px;background:#e5e7eb;overflow:hidden;margin:24px 0}.progress-bar,.progress-container{border-radius:4px;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .3s ease}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));animation:shine 1.5s infinite}.progress-text{position:absolute;top:-24px;right:0;font-size:.875rem;font-weight:500;color:#4b5563}.upload-status{text-align:center;color:#6b7280;font-size:.875rem;margin-top:12px}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.nav-container{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(0,0,0,.2);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1)}.nav-container .nav-content{max-width:1200px;margin:0 auto;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.nav-container .nav-content .nav-left .nav-logo{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#c084fc var(--tw-gradient-to-position);background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(88,28,255,.3))}.nav-container .nav-content .nav-center{display:flex;gap:30px}@media(max-width:768px){.nav-container .nav-content .nav-center{display:none}}.nav-container .nav-content .nav-center .nav-link{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-container .nav-content .nav-center .nav-link:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nav-container .nav-content .nav-right{display:flex;align-items:center;gap:20px}.nav-container .nav-content .nav-right .nav-link{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-container .nav-content .nav-right .nav-link:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nav-container .nav-content .nav-right .nav-button{background-color:hsla(0,0%,100%,.1);--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.nav-container .nav-content .nav-right .nav-button:hover{background-color:hsla(0,0%,100%,.2)}.nav-container .nav-content .nav-right .nav-button{border:1px solid hsla(0,0%,100%,.2)}.home-container{max-width:1200px;margin:0 auto;padding:0 20px;min-height:100vh;color:#fff}.home-container .glow-effect-1{position:absolute;top:0;left:25%;height:500px;width:500px;background:radial-gradient(circle,rgba(88,28,255,.3) 0,transparent 70%);filter:blur(40px);animation:pulse 8s infinite}.home-container .glow-effect-2{position:absolute;bottom:0;right:25%;height:600px;width:600px;background:radial-gradient(circle,rgba(255,0,128,.2) 0,transparent 70%);filter:blur(40px);animation:pulse 10s infinite reverse}.home-container .floating-shape{position:absolute;height:8rem;width:8rem;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px}.home-container .shape-1{top:5rem;right:10%;background:linear-gradient(45deg,rgba(88,28,255,.1),rgba(255,0,128,.1))}.home-container .shape-2{bottom:5rem;left:10%;background:linear-gradient(-45deg,rgba(255,0,128,.1),rgba(88,28,255,.1))}.home-container .hero-section{position:relative;display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem}.home-container .hero-section .hero-content{margin-left:auto;margin-right:auto;max-width:56rem;text-align:center}.home-container .hero-section .hero-content .hero-title{margin-bottom:2rem;font-size:3rem;line-height:1;font-weight:700}@media (min-width:768px){.home-container .hero-section .hero-content .hero-title{font-size:4.5rem;line-height:1}}.home-container .hero-section .hero-content .hero-title{line-height:1.2}.home-container .hero-section .hero-content .hero-title .gradient-text{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c084fc var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#f472b6 var(--tw-gradient-to-position);background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(88,28,255,.3));animation:hue-rotate 10s linear infinite}.home-container .hero-section .hero-content .hero-title .gradient-text-2{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,114,182,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c084fc var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#60a5fa var(--tw-gradient-to-position);background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,0,128,.3))}.home-container .hero-section .hero-content .hero-subtitle{margin-bottom:3rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}@media (min-width:768px){.home-container .hero-section .hero-content .hero-subtitle{font-size:1.5rem;line-height:2rem}}.home-container .hero-section .hero-content .hero-actions{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}@media (min-width:640px){.home-container .hero-section .hero-content .hero-actions{flex-direction:row}}.home-container .hero-section .hero-content .hero-actions .upload-button{position:relative;overflow:hidden;border-radius:9999px;padding:1rem 2rem;background:linear-gradient(45deg,#581cff,#ff0080)}.home-container .hero-section .hero-content .hero-actions .upload-button .button-glow{position:absolute;inset:0;background:linear-gradient(45deg,#581cff,#ff0080);filter:blur(20px);opacity:.5;transition:opacity .3s}.home-container .hero-section .hero-content .hero-actions .upload-button:hover .button-glow{opacity:.8}.home-container .hero-section .hero-content .hero-actions .upload-button .button-text{position:relative;z-index:10;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.home-container .hero-section .hero-content .hero-actions .upload-button:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(45deg,#ff0080,#581cff,#ff0080);background-size:200% 200%;animation:gradientBG 15s ease infinite;transition:opacity .3s}.home-container .hero-section .hero-content .hero-actions .upload-button:hover:before{opacity:1}.home-container .hero-section .hero-content .hero-actions .example-button{border-radius:9999px;padding:1rem 2rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.home-container .hero-section .hero-content .hero-actions .example-button .button-text{font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.home-container .hero-section .hero-content .hero-actions .example-button:hover{background:hsla(0,0%,100%,.2)}.home-container .features-section{padding:100px 0;background-color:#f8fafc;border-radius:20px;margin:40px 0}.home-container .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding:40px}.home-container .features-section .feature-card{padding:30px;background:#fff;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease}.home-container .features-section .feature-card:hover{transform:translateY(-5px)}.home-container .features-section .feature-card .feature-icon{font-size:2.5rem;margin-bottom:20px}.home-container .features-section .feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#1a1a1a}.home-container .features-section .feature-card p{color:#666;line-height:1.6}.home-container .how-it-works{padding:80px 0}.home-container .how-it-works .steps-container{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:50px}@media(max-width:768px){.home-container .how-it-works .steps-container{flex-direction:column}}.home-container .how-it-works .steps-container .step{text-align:center;flex:1}.home-container .how-it-works .steps-container .step .step-number{width:40px;height:40px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-weight:700}.home-container .how-it-works .steps-container .step h3{font-size:1.25rem;margin-bottom:10px;color:#1a1a1a}.home-container .how-it-works .steps-container .step p{color:#666}.home-container .how-it-works .steps-container .step-arrow{font-size:2rem;color:#2563eb}@media(max-width:768px){.home-container .how-it-works .steps-container .step-arrow{transform:rotate(90deg)}}.home-container .cta-section{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:30px;padding:80px 40px;text-align:center;margin:40px 0;position:relative;overflow:hidden}.home-container .cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.1}.home-container .cta-section .cta-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.home-container .cta-section .cta-content h2{color:#fff;font-size:2.5rem;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.home-container .cta-section .cta-content p{color:hsla(0,0%,100%,.9);margin-bottom:30px;font-size:1.25rem}.home-container .cta-section .cta-content .primary-button{background:#fff;color:#2563eb;border:none;padding:15px 40px;font-size:1.1rem;transform-origin:center}.home-container .cta-section .cta-content .primary-button:hover{background:#fff;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.1)}.primary-button{background:#2563eb;color:#fff;padding:15px 30px;border-radius:8px;font-weight:600;transition:all .3s ease}.primary-button:hover{background:#1d4ed8;transform:translateY(-2px)}.secondary-button{background:#fff;color:#2563eb;padding:15px 30px;border-radius:8px;font-weight:600;border:2px solid #2563eb;transition:all .3s ease}.secondary-button:hover{background:#f8fafc;transform:translateY(-2px)}.section-title{font-size:2.5rem;text-align:center;margin-bottom:50px;color:#1a1a1a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.modal-overlay .modal-content{background:#fff;border-radius:16px;padding:32px;width:90%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,.1);animation:slideUp .3s ease}.login-modal{text-align:center}.login-modal h2{font-size:1.8rem;font-weight:700;margin-bottom:8px;color:#1a1a1a}.login-modal p{color:#666;margin-bottom:24px}.login-modal .google-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #e5e7eb;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;color:#1a1a1a;transition:all .2s ease}.login-modal .google-login-button img{width:20px;height:20px}.login-modal .google-login-button:hover{background:#f8fafc;border-color:#d1d5db;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.user-menu{position:relative}.user-menu .user-avatar{width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer;transition:transform .2s ease}.user-menu .user-avatar:hover{transform:scale(1.05)}.user-menu .user-avatar img{border-radius:50%;object-fit:cover}.user-menu .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:8px 0;animation:slideDown .2s ease;z-index:1000}.user-menu .user-dropdown .user-info{padding:12px 16px}.user-menu .user-dropdown .user-info .user-name{font-weight:600;color:#1a1a1a;margin-bottom:4px}.user-menu .user-dropdown .user-info .user-email{font-size:.875rem;color:#666}.user-menu .user-dropdown .dropdown-divider{height:1px;background:#e5e7eb;margin:8px 0}.user-menu .user-dropdown .dropdown-item{display:block;padding:8px 16px;color:#1a1a1a;text-decoration:none;transition:background-color .2s ease;width:100%;text-align:left;border:none;background:none;font-size:.9rem}.user-menu .user-dropdown .dropdown-item:hover{background:#f8fafc}.user-menu .user-dropdown .dropdown-item.text-red-600:hover{background:#fee2e2}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animate{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.particle{position:absolute;height:.25rem;width:.25rem;border-radius:9999px;background:linear-gradient(45deg,#581cff,#ff0080);filter:blur(1px);opacity:.5}.cursor-glow{pointer-events:none;position:fixed;height:300px;width:300px;background:radial-gradient(circle,rgba(88,28,255,.15) 0,transparent 70%);filter:blur(20px)}@keyframes hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}