@font-face {font-family: 'iranyekan';src: url('iranyekan.woff2') format('woff2'), url('iranyekan.woff') format('woff');font-weight: normal;font-style: normal;}:root {--bg-black: #050508;--accent-purple: #8a2be2;--accent-cyan: #00f2fe;--accent-rose: #ff0055;--glass-bg: rgba(18, 18, 26, 0.65);--glass-border: rgba(255, 255, 255, 0.08);--text-main: #ffffff;--text-sub: #a0a0b0;}* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'iranyekan', sans-serif;user-select: none;}body {background-color: var(--bg-black);color: var(--text-main);min-height: 100vh;overflow-x: hidden;display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;}#soundwave-canvas {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}.app-container {position: relative;z-index: 2;width: 100%;max-width: 1280px;padding: 2rem 1.5rem;display: flex;flex-direction: column;gap: 3.5rem;}nav {display: flex;justify-content: flex-start;align-items: center;gap: 12px;background: var(--glass-bg);border: 1px solid var(--glass-border);padding: 1rem 2rem;border-radius: 100px;backdrop-filter: blur(12px);}.brand-logo {font-weight: 900;font-size: 1.4rem;letter-spacing: -0.5px;display: flex;align-items: center;gap: 12px;text-decoration: none;background: linear-gradient(90deg, #fff, var(--accent-cyan));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.nav-logo {height: 36px;width: auto;display: block;flex-shrink: 0;}.nav-menu {display: flex;gap: 4px;align-items: center;}.nav-menu a {color: var(--text-sub);text-decoration: none;font-size: 0.82rem;font-weight: 500;padding: 6px 14px;border-radius: 20px;transition: all 0.2s;white-space: nowrap;}.nav-menu a:hover {color: var(--text-main);background: rgba(255,255,255,0.08);}.back-btn {margin-left: auto;font-size: 0.88rem;background: rgba(255, 255, 255, 0.05);border: 1px solid var(--glass-border);padding: 8px 20px;border-radius: 20px;color: var(--text-main);text-decoration: none;font-weight: 700;display: flex;align-items: center;gap: 8px;transition: 0.3s;}.back-btn:hover {background: #ffffff;color: #000;}.hero-stage {display: grid;grid-template-columns: 1.2fr 0.8fr;align-items: center;gap: 3rem;margin-top: 1rem;}.hero-content h1 {font-size: clamp(2.2rem, 4vw, 3.8rem);font-weight: 900;line-height: 1.15;margin-bottom: 1.5rem;}.hero-content h1 .gradient-text {background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple), var(--accent-rose));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.hero-content p {color: var(--text-sub);font-size: 1.05rem;line-height: 1.8;margin-bottom: 2rem;max-width: 540px;}.silver-logo-stage {position: relative;display: flex;justify-content: center;align-items: center;}.silver-logo-container {position: relative;width: 260px;height: 260px;background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, rgba(0,0,0,0) 70%);border-radius: 50%;display: flex;justify-content: center;align-items: center;backdrop-filter: blur(6px);}.photo-logo-wrapper {position: relative;display: inline-block;overflow: hidden;border-radius: 20px;animation: float 3s ease-in-out infinite alternate;}.photo-logo {max-width: 200px;height: auto;display: block;filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.7));}.shine-effect {position: absolute;top: 0;left: -150%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.85) 50%, transparent 100%);transform: skewX(-25deg);animation: photoShine 3s infinite ease-in-out;}@keyframes photoShine {0% {left: -150%;}50%, 100% {left: 150%;}}@keyframes float {0% {transform: translateY(0px);}100% {transform: translateY(-12px);}}.download-section {display: flex;flex-direction: column;gap: 1.5rem;}.section-header {display: flex;align-items: center;gap: 12px;font-size: 1.2rem;font-weight: 800;}.section-header svg {color: var(--accent-cyan);}.ios-dl-container {background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: 24px;padding: 2rem;backdrop-filter: blur(8px);display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 1.2rem;}.dl-btn-card {background: #ffffff;border: 1px solid #ffffff;padding: 1.2rem;border-radius: 16px;color: #000;text-decoration: none;display: flex;flex-direction: column;gap: 10px;transition: all 0.3s;}.dl-btn-card:hover {background: rgba(255, 255, 255, 0.03);border-color: var(--glass-border);color: var(--text-main);transform: translateY(-4px);}.dl-btn-card .card-head {display: flex;justify-content: space-between;align-items: center;font-weight: 800;font-size: 1.1rem;}.dl-btn-card .card-desc {font-size: 0.82rem;opacity: 0.7;}.tutorial-section {display: flex;flex-direction: column;gap: 1.5rem;}.steps-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 1.5rem;}.step-card {background: rgba(255, 255, 255, 0.02);border: 1px solid var(--glass-border);border-radius: 20px;padding: 2rem;backdrop-filter: blur(6px);position: relative;}.step-num {position: absolute;top: 1.5rem;left: 1.5rem;font-size: 2rem;font-weight: 900;color: rgba(255, 255, 255, 0.08);}.step-card h3 {font-size: 1.1rem;font-weight: 800;margin-bottom: 0.8rem;color: var(--accent-cyan);display: flex;align-items: center;gap: 8px;}.step-card p {color: var(--text-sub);font-size: 0.92rem;line-height: 1.7;}.features-section {display: flex;flex-direction: column;gap: 2rem;margin-top: 1rem;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 1.5rem;}.feature-card {background: rgba(255, 255, 255, 0.02);border: 1px solid var(--glass-border);border-radius: 20px;padding: 2rem;backdrop-filter: blur(6px);transition: 0.3s;}.feature-card:hover {background: rgba(255, 255, 255, 0.04);border-color: rgba(255, 255, 255, 0.15);}.feature-icon {width: 50px;height: 50px;border-radius: 14px;background: linear-gradient(135deg, rgba(138,43,226,0.2), rgba(0,242,254,0.2));border: 1px solid var(--glass-border);display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: var(--accent-cyan);margin-bottom: 1.2rem;}.feature-card h3 {font-size: 1.2rem;font-weight: 800;margin-bottom: 0.8rem;}.feature-card p {color: var(--text-sub);font-size: 0.95rem;line-height: 1.7;}footer {text-align: center;padding: 1.5rem 0;color: var(--text-sub);font-size: 0.85rem;border-top: 1px solid var(--glass-border);width: 100%;margin-top: 2rem;}@media (max-width: 768px) {.hero-stage {display: flex;flex-direction: column-reverse;text-align: center;}.hero-content p {margin: 0 auto 2rem;}}