.hero-section{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding-top:4rem;display:flex}.hero-container{max-width:1216px;margin:0 auto;padding:.5rem 1rem}.hero-grid{align-items:center;gap:2rem;display:grid}.hero-content,.hero-bio-section{flex-direction:column;gap:1.5rem;display:flex}.hero-welcome{color:#60a5fa;align-items:center;gap:.5rem;display:flex}.hero-welcome-text{letter-spacing:.05em;text-transform:uppercase;font-size:1.125rem;font-weight:700}.hero-greeting{width:100%;min-height:3.5rem;font-size:2.25rem;font-weight:700;overflow:hidden}.hero-greeting-gradient{background:linear-gradient(90deg,#60a5fa,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-bio{color:var(--text-secondary);font-size:1.125rem;line-height:1.625}.typewriter-cursor{margin-left:.25rem;display:inline-block}.hero-social-links{align-items:center;gap:1rem;padding-top:1rem;display:flex}.hero-social-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.hero-social-btn:hover{background-color:var(--surface-secondary)}.hero-social-icon{width:20px;height:20px;color:var(--text-secondary)}.hero-cta-buttons{flex-wrap:wrap;gap:1rem;padding-top:1.5rem;display:flex}.hero-cta-primary{color:#fff;background:linear-gradient(90deg,#3b82f6,#9333ea);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.hero-cta-primary:hover{box-shadow:0 10px 15px -3px #3b82f640}.hero-cta-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.hero-cta-secondary:hover{background-color:var(--surface-secondary)}.vinyl-container{justify-content:center;display:flex;position:relative}.vinyl-glow{filter:blur(64px);opacity:.2;background:linear-gradient(90deg,#f59e0b,#ea580c);border-radius:9999px;width:384px;height:384px;position:absolute}.vinyl-wrapper{width:min(320px,85vw);height:min(320px,85vw);position:relative}.vinyl-tonearm{z-index:20;width:224px;position:absolute;top:-4rem;right:-2rem}.vinyl-tonearm-arm{background:linear-gradient(#9ca3af,#4b5563);border-radius:9999px;width:100%;height:.5rem;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.vinyl-tonearm-pivot{background:linear-gradient(to bottom right,#6b7280,#374151);border:2px solid #9ca3af;border-radius:9999px;width:1.5rem;height:1.5rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.vinyl-tonearm-headshell{background:linear-gradient(to bottom right,#d1d5db,#6b7280);border:1px solid #9ca3af;border-radius:0 .5rem .5rem 0;width:3rem;height:2rem;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.vinyl-tonearm-cartridge{background:linear-gradient(to bottom right,#1e40af,#1e3a8a);border-radius:.25rem;width:2rem;height:1rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.vinyl-record{cursor:pointer;background:linear-gradient(to bottom right,#111827,#000,#111827);border:4px solid #1f2937;border-radius:9999px;width:100%;height:100%;position:relative;box-shadow:0 25px 50px -12px #00000040}.vinyl-label{background:linear-gradient(to bottom right,#dc2626,#b91c1c);border:4px solid #7f1d1d80;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:16%;box-shadow:inset 0 2px 4px #0000000d}.vinyl-label-avatar-wrapper{background-color:#1f2937;border:4px solid #111827;border-radius:9999px;width:78%;height:78%;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.vinyl-label-avatar{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vinyl-center-hole{background-color:#111827;border:1px solid #374151;border-radius:9999px;width:.75rem;height:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #0000000d}.section-preview{background:linear-gradient(to bottom,transparent,var(--surface-secondary-30),transparent);padding-top:5rem;padding-bottom:5rem}.section-preview-container{max-width:1280px;margin:0 auto;padding:0 1rem}.section-preview-wrapper{position:relative}.section-preview-wrapper:hover .section-preview-bg-card{opacity:.1}.section-preview-bg-card{opacity:0;filter:blur(24px);transition:opacity .5s;position:absolute;inset:0}.section-preview-card{background-color:var(--card-theme);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--theme-border);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.section-preview-gradient-accent{filter:blur(48px);opacity:.2;border-radius:9999px;width:256px;height:256px;position:absolute;top:0;right:0}.section-preview-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.section-preview-header-left{align-items:center;gap:1rem;display:flex}.section-preview-icon-box{border-radius:1rem;padding:1rem}.section-preview-icon{color:#fff;width:32px;height:32px}.section-preview-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.section-preview-desc{color:var(--text-secondary);font-size:1.125rem}.section-preview-features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.section-preview-feature-item{background-color:var(--surface-primary);text-align:center;border:1px solid var(--theme-border);border-radius:.75rem;padding:1rem}.section-preview-feature-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.section-preview-actions{flex-wrap:wrap;gap:1rem;display:flex}.section-preview-btn-primary{color:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.section-preview-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a}.section-preview-btn-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.section-preview-btn-secondary:hover{background-color:var(--surface-secondary)}.gradient-blue-cyan{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.gradient-purple-pink{background:linear-gradient(90deg,#a855f7,#ec4899)}.gradient-green-emerald{background:linear-gradient(90deg,#22c55e,#10b981)}.gradient-orange-red{background:linear-gradient(90deg,#f97316,#ef4444)}.gradient-indigo-violet{background:linear-gradient(90deg,#6366f1,#8b5cf6)}