body{margin:0;min-width:320px;min-height:100vh}:root{--primary-color: #FFC107;--primary-dark: #F9A825;--primary-light: #FFD54F;--text-light: #11181C;--text-dark: #ECEDEE;--bg-light: #fff;--bg-dark: #151718;--icon-light: #687076;--icon-dark: #9BA1A6;--gray-light: #F5F5F7;--gray-medium: #86868B;--gray-dark: #1D1D1F;--deep-black: #000000;--pure-white: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text-dark);line-height:1.6;background:var(--bg-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:#151718f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 1px #ffc1071a}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-dark);text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.cta-button{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.cta-button.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-light)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffc1074d}.cta-button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-button.secondary:hover{background:var(--primary-color);color:var(--text-light)}.cta-button.nav-cta{background:var(--primary-color);color:var(--bg-dark);padding:.5rem 1.25rem;font-weight:600}.hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1c1e 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--icon-dark);margin-bottom:2rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;margin-bottom:2rem}.cta-button.large{padding:1rem 2rem;font-size:1.125rem}.app-badges{display:flex;gap:1rem}.app-badges img{height:48px}.phone-mockup{width:320px;height:640px;background:#0a0b0c;border-radius:40px;padding:10px;box-shadow:0 20px 60px #ffc1071a;margin:0 auto;border:2px solid rgba(255,193,7,.2)}.phone-screen{width:100%;height:100%;background:var(--bg-dark);border-radius:30px;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}.phone-screen img{width:100%;height:100%;object-fit:cover;border-radius:30px}.section-title{font-size:3rem;text-align:center;margin-bottom:1rem;font-weight:700}.section-subtitle{text-align:center;color:var(--icon-dark);font-size:1.25rem;margin-bottom:3rem}.features{padding:80px 0;background:var(--bg-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:#1a1c1e;border-radius:16px;transition:all .3s;border:1px solid rgba(255,193,7,.1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffc10733;border-color:var(--primary-color)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{margin-bottom:.75rem;font-size:1.25rem}.feature-card p{color:var(--icon-dark);line-height:1.6}.use-cases{padding:80px 0;background:linear-gradient(135deg,#1a1c1e 0%,var(--bg-dark) 100%)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.use-case-card{padding:2rem;background:#1a1c1e;border-radius:16px;box-shadow:0 2px 10px #ffc1070d;transition:all .3s;border:1px solid rgba(255,193,7,.1)}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffc10733;border-color:var(--primary-color)}.use-case-icon{font-size:2.5rem;margin-bottom:1rem}.use-case-card h3{margin-bottom:.75rem;font-size:1.25rem}.use-case-card p{color:var(--icon-dark);line-height:1.6}.stats{padding:60px 0;background:var(--deep-black);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat h3{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat p{color:var(--gray-medium);font-size:1.125rem}.pricing{padding:80px 0;background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{padding:2rem;background:#fff;border:2px solid var(--gray-light);border-radius:16px;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.pricing-card.popular{border-color:var(--primary-color);transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-light);padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.pricing-card h3{font-size:1.5rem;margin-bottom:1rem}.price{display:flex;align-items:baseline;margin-bottom:2rem}.price-number{font-size:2.5rem;font-weight:700}.price-period{color:var(--gray-medium);margin-left:.5rem}.features-list{list-style:none;margin-bottom:2rem}.features-list li{padding:.75rem 0;color:var(--gray-dark)}.cta-section{padding:100px 0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-light);text-align:center}.cta-section h2{font-size:3rem;margin-bottom:1rem}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-section .cta-button{background:var(--bg-dark);color:var(--primary-color)}.footer{padding:60px 0 20px;background:#0a0b0c;color:var(--text-dark)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section h4{margin-bottom:1rem;font-size:1.125rem}.footer-section a{display:block;color:var(--icon-dark);text-decoration:none;padding:.25rem 0;transition:color .3s}.footer-section a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem;margin-top:1rem}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,193,7,.1);display:flex;justify-content:space-between;align-items:center;color:var(--icon-dark)}.screenshots-section{padding:80px 0;background:var(--bg-dark)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.screenshot-card{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #ffc1071a;transition:transform .3s;border:1px solid rgba(255,193,7,.2)}.screenshot-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ffc10733}.screenshot-card img{width:100%;height:auto;display:block}.screenshot-card h3{padding:1rem;background:#1a1c1e;color:var(--text-dark);text-align:center;font-size:1rem}.footer-links{display:flex;gap:2rem}@media (max-width: 768px){.nav-links{display:none}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-cta{justify-content:center}.phone-mockup{width:280px;height:560px}.section-title{font-size:2rem}.features-grid,.use-cases-grid,.pricing-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.pricing-card.popular{transform:scale(1)}}.privacy-page{min-height:100vh;background:#151718;color:#ecedee}.privacy-page .navbar{position:fixed;top:0;width:100%;background:#151718f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 1px #ffc1071a}.privacy-page .nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.privacy-page .logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ffc107,#f9a825);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.back-button{color:#ffc107;text-decoration:none;font-weight:600;transition:color .3s}.back-button:hover{color:#ffd54f}.privacy-content{max-width:800px;margin:0 auto;padding:120px 40px 40px}.privacy-content h1{color:#ffc107;margin-bottom:10px;font-size:2.5rem}.privacy-content h2{color:#ffc107;margin-top:30px;margin-bottom:15px;font-size:1.5rem}.privacy-content h3{color:#ffd54f;margin-top:20px;margin-bottom:10px;font-size:1.2rem}.privacy-content p{line-height:1.6;margin-bottom:15px;color:#9ba1a6}.privacy-content ul{margin-left:20px;margin-bottom:15px}.privacy-content li{margin-bottom:10px;line-height:1.6;color:#9ba1a6}.privacy-content strong{color:#ecedee}.effective-date{color:#ffc107;font-weight:600;margin-bottom:30px}.contact-email{color:#ffc107;font-weight:600}.last-updated{text-align:center;color:#687076;font-style:italic;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,193,7,.2)}.privacy-content section{margin-bottom:30px}.privacy-modal::-webkit-scrollbar{width:8px}.privacy-modal::-webkit-scrollbar-track{background:#151718}.privacy-modal::-webkit-scrollbar-thumb{background:#ffc107;border-radius:4px}.privacy-modal::-webkit-scrollbar-thumb:hover{background:#f9a825}@media (max-width: 768px){.privacy-content{padding:20px}.privacy-content h1{font-size:2rem}.privacy-content h2{font-size:1.3rem}.close-button{top:10px;right:10px;margin:10px}}.join-group-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.join-group-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.app-icon{width:80px;height:80px;margin:0 auto 20px}.app-icon img{width:100%;height:100%;border-radius:18px}.join-group-card h1{color:#333;font-size:28px;margin-bottom:30px;font-weight:700}.group-code-section{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:30px}.code-label{color:#666;font-size:14px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.code-display{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:10px}.code{font-size:36px;font-weight:700;color:#764ba2;letter-spacing:8px;font-family:Courier New,monospace}.copy-button{background:#667eea;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:20px;transition:all .3s ease}.copy-button:hover{background:#5a67d8;transform:scale(1.05)}.copy-button:active{transform:scale(.95)}.copied-message{color:#10b981;font-size:14px;margin-top:10px;font-weight:500}.action-buttons{margin-bottom:30px}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.primary-button:active{transform:translateY(0)}.instructions{text-align:left;margin:30px 0;padding:20px;background:#fafafa;border-radius:12px}.instructions h2{color:#333;font-size:18px;margin-bottom:15px}.instructions ol{color:#666;padding-left:20px;line-height:1.8}.instructions li{margin-bottom:8px}.instructions strong{color:#764ba2;font-family:Courier New,monospace}.download-section{margin:30px 0}.download-label{color:#666;margin-bottom:15px;font-size:16px}.store-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.store-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;border:2px solid #e5e7eb}.ios-button{background:#000;color:#fff;border-color:#000}.ios-button:hover{background:#333;border-color:#333}.android-button{background:#fff;color:#333}.android-button:hover{background:#f3f4f6}.store-icon{width:24px;height:24px;fill:currentColor}.fallback-message{margin-top:30px;padding-top:30px;border-top:1px solid #e5e7eb;color:#666;font-size:14px}.fallback-message p{margin-bottom:10px}.fallback-message ul{text-align:left;padding-left:20px;line-height:1.6}.fallback-message a{color:#667eea;text-decoration:none}.fallback-message a:hover{text-decoration:underline}@media (max-width: 640px){.join-group-card{padding:30px 20px}.join-group-card h1{font-size:24px}.code{font-size:28px;letter-spacing:4px}.store-buttons{flex-direction:column}.store-button{width:100%;justify-content:center}}