:root{--zen-white:#fdfbf7;--zen-cream:#f5f1e8;--zen-sand:#e8dcc4;--zen-earth:#c4b59d;--zen-charcoal:#2d3436;--zen-sage:#8ba888;--zen-coral:#f39c6b;--zen-ocean:#6c9bd1;--shadow-subtle:#0000000d;--shadow-medium:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--zen-white);color:var(--zen-charcoal);font-family:Inter,Helvetica Neue,sans-serif;font-weight:400;line-height:1.8}body:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:2;max-width:1200px;margin:0 auto;padding:40px 20px;position:relative}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fdfbf7f2;border-bottom:1px solid #c4b59d33;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.navbar-logo{letter-spacing:3px;color:var(--zen-charcoal);text-transform:lowercase;font-size:24px;font-weight:300}.navbar-logo:first-letter{color:var(--zen-sage);font-weight:600}.navbar-links{gap:40px;display:flex}.navbar-links a{color:var(--zen-charcoal);letter-spacing:1px;text-transform:lowercase;font-size:14px;font-weight:400;text-decoration:none;transition:all .3s;position:relative}.navbar-links a:after{content:"";background:var(--zen-sage);width:0;height:1px;transition:width .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.navbar-links a:hover:after{width:100%}.navbar-links a:hover{color:var(--zen-sage)}.btn{border:1px solid var(--zen-charcoal);color:var(--zen-charcoal);letter-spacing:1px;cursor:pointer;text-transform:lowercase;background:0 0;border-radius:0;padding:12px 32px;font-size:14px;font-weight:400;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:hover{background:var(--zen-charcoal);color:var(--zen-white)}.btn-primary{background:var(--zen-sage);border-color:var(--zen-sage);color:#fff}.btn-primary:hover{color:var(--zen-sage);background:0 0}.hero{text-align:center;margin-top:120px;padding:80px 0}.hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:64px;font-weight:300;line-height:1.2}.hero-title span{color:var(--zen-sage);font-weight:600}.hero-subtitle{color:var(--zen-earth);max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.8}.card{box-shadow:0 1px 2px var(--shadow-subtle), 0 4px 8px var(--shadow-subtle);background:#fff;border:1px solid #c4b59d26;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 4px 8px var(--shadow-medium), 0 12px 24px var(--shadow-subtle);transform:translateY(-4px)}.frequency-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin:80px 0;display:grid}.frequency-card{cursor:pointer;background:#fff;border:1px solid #c4b59d26;padding:48px 36px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.frequency-card:before{content:"";background:var(--zen-sage);width:4px;height:0;transition:height .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.frequency-card:hover:before{height:100%}.frequency-card:hover{box-shadow:-4px 0 0 var(--zen-sage), 0 4px 16px var(--shadow-subtle);transform:translate(8px)}.frequency-icon{width:48px;height:48px;color:var(--zen-sage);margin-bottom:24px;font-size:32px}.frequency-name{letter-spacing:-.5px;color:var(--zen-charcoal);margin-bottom:8px;font-size:28px;font-weight:300}.frequency-hz{color:var(--zen-earth);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:500}.frequency-desc{color:var(--zen-earth);font-size:15px;line-height:1.8}.upload-section{background:linear-gradient(135deg, var(--zen-cream) 0%, white 100%);box-shadow:0 8px 32px var(--shadow-subtle);border:1px solid #c4b59d33;margin:80px 0;padding:80px 60px}.upload-title{letter-spacing:-.5px;text-align:center;margin-bottom:12px;font-size:36px;font-weight:300}.upload-subtitle{text-align:center;color:var(--zen-earth);margin-bottom:48px;font-size:16px}.input-group{margin-bottom:32px}.input-label{color:var(--zen-charcoal);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:500;display:block}.input{width:100%;color:var(--zen-charcoal);background:#fff;border:1px solid #c4b59d4d;padding:16px 20px;font-family:inherit;font-size:15px;transition:all .3s}.input:focus{border-color:var(--zen-sage);outline:none;box-shadow:0 0 0 3px #8ba8881a}.input::placeholder{color:var(--zen-earth)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232d3436' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;padding-right:50px}.file-upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #c4b59d4d;padding:60px;transition:all .3s}.file-upload:hover{border-color:var(--zen-sage);background:#8ba88805}.file-upload-icon{width:48px;height:48px;color:var(--zen-earth);margin:0 auto 20px}.file-upload-text{color:var(--zen-earth);font-size:14px}.audio-player-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;height:72px;box-shadow:0 -4px 24px var(--shadow-subtle);background:#fdfbf7fa;border-top:1px solid #c4b59d33;justify-content:space-between;align-items:center;padding:0 60px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-track-info{flex-direction:column;flex:1;gap:4px;display:flex}.player-track-name{color:var(--zen-charcoal);font-size:15px;font-weight:500}.player-track-mode{color:var(--zen-earth);text-transform:lowercase;letter-spacing:1px;font-size:12px}.player-controls{align-items:center;gap:24px;display:flex}.player-btn{border:1px solid var(--zen-charcoal);width:40px;height:40px;color:var(--zen-charcoal);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.player-btn:hover{background:var(--zen-charcoal);color:#fff}.player-btn.playing{background:var(--zen-sage);border-color:var(--zen-sage);color:#fff}.progress-bar{cursor:pointer;background:#c4b59d33;border-radius:2px;flex:2;height:4px;position:relative}.progress-fill{background:var(--zen-sage);border-radius:2px;height:100%;transition:width .1s linear}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.breathe{animation:4s ease-in-out infinite breathe}.divider{background:linear-gradient(90deg,#0000,#c4b59d4d,#0000);width:100%;height:1px;margin:80px 0}.tag{background:var(--zen-cream);color:var(--zen-charcoal);letter-spacing:1px;text-transform:lowercase;border:1px solid #c4b59d33;margin:4px;padding:6px 16px;font-size:12px;transition:all .3s;display:inline-block}.tag:hover{background:var(--zen-sage);color:#fff;border-color:var(--zen-sage)}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}@media (max-width:768px){.navbar-container{flex-direction:column;gap:20px;padding:0 20px}.navbar-links{flex-wrap:wrap;justify-content:center;gap:20px}.hero-title{font-size:40px}.frequency-grid{grid-template-columns:1fr;gap:24px}.upload-section{padding:40px 24px}.audio-player-bar{padding:0 20px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--zen-cream)}::-webkit-scrollbar-thumb{background:var(--zen-earth);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--zen-sage)}:focus-visible{outline:2px solid var(--zen-sage);outline-offset:2px}