@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#15151f;--bg-elevated:#1e1e2a;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--text-tertiary:#6a6a7a;--accent-1:#8b5cf6;--accent-2:#ec4899;--accent-3:#f59e0b;--accent-4:#06b6d4;--gradient-primary:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#f59e0b 100%);--gradient-subtle:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(236,72,153,.1) 100%);--border-subtle:rgba(255,255,255,.06);--border-accent:rgba(139,92,246,.3);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--space-2xl:80px;--space-3xl:120px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 16px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.4);--shadow-glow:0 0 20px rgba(139,92,246,.3);--font-display:"Playfair Display",Georgia,serif;--font-body:"Inter",-apple-system,sans-serif;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::selection{background:#8b5cf64d;color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#15151fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 32px;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease);text-decoration:none;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#ffffff1f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;transition:all var(--duration-normal) var(--ease)}.btn:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-primary);filter:blur(12px);opacity:0;transition:opacity var(--duration-slow) var(--ease);z-index:-1;pointer-events:none}.btn:hover:after{opacity:.4}.btn:hover:before{background:linear-gradient(135deg,#fff3,#ffffff14,#ffffff2e)}.btn:hover{transform:translateY(-1px);background:var(--bg-elevated)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:before{opacity:0}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-sm{padding:10px 20px;font-size:13px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:all var(--duration-slow) var(--ease);padding:20px 0}.navbar.scrolled{padding:12px 0;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.nav-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.nav-brand{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--duration-normal) var(--ease)}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:12px}@media(max-width:768px){.nav-links{display:none}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px var(--space-lg) 80px;max-width:1280px;margin:0 auto;gap:60px;position:relative}.hero-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{flex:1;max-width:580px;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:9999px;font-size:13px;color:#f59e0b;margin-bottom:32px}.hero-title{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;max-width:480px}.hero-actions{display:flex;gap:16px;margin-bottom:56px;flex-wrap:wrap}.hero-stats{display:flex;align-items:center;gap:32px}.stat{display:flex;flex-direction:column}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--text-primary)}.stat-label{font-size:13px;color:var(--text-tertiary);margin-top:2px}.stat-divider{width:1px;height:32px;background:var(--border-subtle)}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.hero-cards{position:relative;width:400px;height:400px}.hero-card{position:absolute;background:#15151fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-slow) var(--ease)}.hero-card:hover{transform:translateY(-8px) scale(1.02)}.card-image{width:100%;height:140px}.card-info{padding:16px;display:flex;flex-direction:column;gap:4px}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.card-artist{font-size:12px;color:var(--text-tertiary)}.card-price{font-size:16px;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:4px}.card-1{top:0;left:0;width:220px}.card-2{top:80px;right:0;width:200px}.card-3{bottom:0;left:40px;width:240px}@media(max-width:968px){.hero{flex-direction:column;padding-top:100px}.hero-visual{display:none}}.section{padding:var(--space-3xl) var(--space-lg);max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-title{font-size:clamp(28px,4vw,48px);font-weight:700;margin-bottom:var(--space-md);letter-spacing:-.03em}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.artwork-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-slow) var(--ease);cursor:pointer}.artwork-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.artwork-image{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden}.artwork-image-art{width:100%;height:100%;transition:transform var(--duration-slow) var(--ease)}.artwork-card:hover .artwork-image-art{transform:scale(1.05)}.artwork-like{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease);border:none;color:var(--text-secondary)}.artwork-like:hover{background:#ec489933;color:#ec4899}.artwork-info{padding:var(--space-md)}.artwork-title{font-size:16px;font-weight:600;margin-bottom:4px}.artwork-artist{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.artwork-footer{display:flex;justify-content:space-between;align-items:center}.artwork-price{font-family:var(--font-display);font-size:18px;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.artwork-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease)}.artwork-btn:hover{background:var(--bg-elevated);border-color:var(--border-accent)}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.artist-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all var(--duration-slow) var(--ease)}.artist-card:hover{transform:translateY(-2px);border-color:var(--border-accent)}.artist-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0}.artist-info{flex:1}.artist-name{font-size:16px;font-weight:600;margin-bottom:2px}.artist-specialty{font-size:13px;color:var(--text-tertiary);margin-bottom:8px}.artist-stats{font-size:12px;color:var(--text-secondary)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-xl)}.step-card{text-align:center;padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-slow) var(--ease)}.step-card:hover{transform:translateY(-4px);border-color:var(--border-accent)}.step-icon{width:64px;height:64px;margin:0 auto var(--space-md);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle);border:1px solid var(--border-accent)}.step-number{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--accent-1);margin-bottom:var(--space-sm)}.step-title{font-size:18px;font-weight:600;margin-bottom:var(--space-sm)}.step-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.cta-section{padding:var(--space-3xl) var(--space-lg);text-align:center}.cta-inner{max-width:700px;margin:0 auto;padding:var(--space-2xl);background:var(--gradient-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-xl);position:relative;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(139,92,246,.15) 0%,transparent 60%);pointer-events:none}.cta-title{font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:var(--space-md);position:relative}.cta-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:var(--space-xl);position:relative}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}.footer{padding:var(--space-2xl) var(--space-lg) var(--space-xl);border-top:1px solid var(--border-subtle)}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-xl)}.footer-brand{max-width:280px}.footer-tagline{font-size:14px;color:var(--text-secondary);margin-top:var(--space-sm);line-height:1.6}.footer-col h4{font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-md)}.footer-col a{display:block;font-size:14px;color:var(--text-secondary);text-decoration:none;margin-bottom:var(--space-sm);transition:color var(--duration-normal) var(--ease)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:1280px;margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-tertiary)}.footer-social{display:flex;gap:16px}.footer-social a{color:var(--text-tertiary);transition:color var(--duration-normal) var(--ease)}.footer-social a:hover{color:var(--text-primary)}@media(max-width:768px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeInUp .6s var(--ease-out) both}.animate-float{animation:float 6s var(--ease) infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}