:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#a5b4fc;--secondary-color:#1e1b4b;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--background:#ffffff;--background-dark:#0a0a0f;--surface:#f8fafc;--surface-dark:#1e1e2e;--surface-glass:rgba(255,255,255,0.1);--surface-glass-dark:rgba(30,30,46,0.3);--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-primary-dark:#f1f5f9;--text-secondary-dark:#cbd5e1;--text-muted-dark:#64748b;--border:#e2e8f0;--border-dark:#334155;--border-glass:rgba(255,255,255,0.2);--border-glass-dark:rgba(148,163,184,0.1);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);--gradient-background:linear-gradient(135deg,#667eea,#764ba2);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));--gradient-mesh:radial-gradient(at 40% 20%,#6366f1 0px,transparent 50%),radial-gradient(at 80% 0%,#ec4899 0px,transparent 50%),radial-gradient(at 0% 50%,#8b5cf6 0px,transparent 50%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 20px rgba(99,102,241,0.3);--shadow-glass:0 8px 32px 0 rgba(31,38,135,0.37);--backdrop-blur:blur(16px);--backdrop-blur-sm:blur(8px);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem}[data-theme=dark]{--background:var(--background-dark);--surface:var(--surface-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--border:var(--border-dark);--surface-glass:var(--surface-glass-dark);--border-glass:var(--border-glass-dark)}*{box-sizing:border-box;padding:0;margin:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{color:var(--text-primary);background:var(--background);line-height:1.6;overflow-x:hidden;transition:var(--transition)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);min-height:2.75rem;gap:.5rem;position:relative;overflow:hidden}.btn: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}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-glass{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-glass:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.card{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:1.5rem;transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.card-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);border-color:rgba(99,102,241,.3)}.header{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-glass);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:var(--transition)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:3rem}.logo{font-size:1.75rem;font-weight:800;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav{display:flex;gap:2rem;align-items:center}.nav-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:500;transition:var(--transition);position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:white;transition:width .3s ease}.nav-link:hover{color:white}.nav-link:hover:after{width:100%}.hero{background:var(--background);background-image:var(--gradient-mesh);padding:8rem 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-mesh);opacity:.1;animation:meshMove 20s ease-in-out infinite}@keyframes meshMove{0%,to{transform:translateX(0) translateY(0)}33%{transform:translateX(-20px) translateY(-20px)}66%{transform:translateX(20px) translateY(20px)}}.hero h1{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1,.hero p{position:relative;z-index:1}.hero p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.upload-zone{border:2px dashed var(--border-glass);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center;background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--primary-color),transparent);opacity:0;transition:opacity .3s ease;animation:rotate 4s linear infinite}.upload-zone:hover:before{opacity:.1}.upload-zone:hover{border-color:var(--primary-color);transform:scale(1.02);box-shadow:var(--shadow-glow)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:white;border:2px solid var(--border-glass);transition:var(--transition)}.avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.dropdown{position:absolute;top:100%;right:0;background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-glass);transition:var(--transition)}.dropdown-item:hover{background:rgba(99,102,241,.1);color:var(--primary-color)}.progress{width:100%;height:.5rem;background:var(--surface-glass);border-radius:var(--radius);overflow:hidden;position:relative}.progress-bar{height:100%;background:var(--gradient-primary);transition:width .3s ease;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.gallery{column-count:3;column-gap:1.25rem}.gallery-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:1.25rem;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border:1px solid var(--border-glass);transition:var(--transition)}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.8),rgba(139,92,246,.8));display:flex;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:var(--transition);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm)}.gallery-item:hover .gallery-overlay{opacity:1}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-glass);border-radius:var(--radius-lg);font-size:1rem;background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);color:var(--text-primary);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1);background:rgba(255,255,255,.05)}.spinner{width:1.5rem;height:1.5rem;border-top:2px solid var(--border-glass);border:2px solid var(--border-glass);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border:1px solid var(--border-glass)}.badge-primary{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));color:var(--primary-color);border-color:rgba(99,102,241,.3);box-shadow:0 0 10px rgba(99,102,241,.2)}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero{padding:5rem 0}.nav{display:none}.gallery{column-count:2}.container{padding:0 1rem}.grid-3{grid-template-columns:1fr}}@media (max-width:480px){.gallery{column-count:1}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}.show-mobile-only{display:none}}body,html{overflow-x:hidden;max-width:100vw}@media (max-width:768px){a,button{min-height:44px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--surface-glass) 25%,rgba(255,255,255,.1) 50%,var(--surface-glass) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}