:root{--cyan: #00FFF0;--light-blue: #00D4FF;--blue: #0080FF;--dark-blue: #0033AA;--green: #00FF88;--purple: #A080FF;--pink: #FF6B9D;--white: #FFFFFF;--black: #000000;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;width:100%}@keyframes gradientShift{0%{background:var(--dark-blue)}25%{background:#048}50%{background:var(--blue)}75%{background:#06c}to{background:var(--dark-blue)}}.app-container{min-height:100vh;width:100%;animation:gradientShift 15s ease infinite;position:relative;overflow-y:auto}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:fixed;top:0;left:0;right:0;z-index:1000;background:#03a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,240,.2)}.app-header-brand{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .3s ease}.app-header-brand:hover{opacity:.8}.app-header-logo{height:36px;width:auto}.app-header-name{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--white);letter-spacing:-.5px}.app-header-nav{display:flex;gap:24px;align-items:center}.app-header-link{background:none;border:none;color:var(--white);font-size:16px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.app-header-link:hover{background:#00fff033;color:var(--cyan)}.language-selector{display:flex;gap:4px;background:#0003;border-radius:8px;padding:4px}.lang-btn{background:transparent;border:none;color:var(--white);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary)}.lang-btn:hover{background:#00fff033}.lang-btn.active{background:var(--cyan);color:var(--dark-blue)}.typing-indicator{display:inline-block;animation:typing 1.4s infinite}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.screen{min-height:100vh;width:100%;padding:100px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white)}.landing{text-align:center;padding:0;min-height:100vh;display:flex;flex-direction:column}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;position:absolute;top:0;left:0;right:0;z-index:100;background:#0033aa4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-header-brand{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .3s ease}.landing-header-brand:hover{opacity:.8}.landing-header-logo{height:40px;width:auto}.landing-header-name{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--white);letter-spacing:-.5px}.landing-nav{display:flex;gap:24px;align-items:center}.landing-nav-link{background:none;border:none;color:var(--white);font-size:16px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.landing-nav-link:hover{background:#00fff033;color:var(--cyan)}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px 80px;max-width:900px;margin:0 auto}.landing-logo{width:300px;height:300px;margin:0 auto 40px;opacity:.9;filter:blur(3px)}.landing-tagline{font-family:var(--font-display);font-size:28px;font-weight:500;margin-bottom:24px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase}.landing-hero-text{font-family:var(--font-display);font-size:64px;font-weight:700;margin-bottom:32px;line-height:1.1}.landing-hero-text strong{color:var(--cyan);display:block;margin-top:8px}.landing-description{font-size:20px;line-height:1.6;margin-bottom:48px;opacity:.9;max-width:700px;color:#fffffff2}.landing-cta-group{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.landing-cta{border:none;padding:18px 56px;font-size:18px;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.landing-cta.primary{background:var(--cyan);color:var(--dark-blue)}.landing-cta.primary:hover{transform:scale(1.05);box-shadow:0 10px 30px #00fff080}.landing-cta.secondary{background:transparent;color:var(--white);border:2px solid var(--cyan)}.landing-cta.secondary:hover{background:#00fff01a;border-color:var(--light-blue);transform:scale(1.05)}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;padding:80px 40px;max-width:1200px;margin:0 auto;width:100%}.feature-card{background:#ffffff0d;border-radius:20px;padding:32px;text-align:center;border:1px solid rgba(0,255,240,.2);transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);background:#ffffff1a;border-color:var(--cyan);box-shadow:0 10px 30px #00fff033}.feature-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--cyan);display:flex;align-items:center;justify-content:center}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-size:22px;font-weight:600;margin-bottom:12px;color:var(--cyan)}.feature-card p{font-size:14px;line-height:1.6;color:#fffc}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0033aaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid rgba(0,255,240,.3);z-index:1000}.nav-button{background:none;border:none;color:var(--white);font-size:12px;padding:8px 12px;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-primary)}.nav-button svg{width:20px;height:20px;margin-bottom:2px}.nav-button.active{color:var(--cyan);background:#00fff01a}.nav-button:hover{background:#00fff026}.chat-container{width:100%;max-width:800px;height:calc(100vh - 200px);display:flex;flex-direction:column;padding-bottom:80px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;overscroll-behavior:contain}.message{max-width:70%;padding:12px 16px;border-radius:18px;word-wrap:break-word}.message.user{align-self:flex-end;background:var(--cyan);color:var(--dark-blue)}.message.ai{align-self:flex-start;background:#ffffff1a;color:var(--white)}.message-image{margin-top:12px;border-radius:12px;overflow:hidden;max-width:100%}.message-image img{width:100%;max-width:400px;height:auto;display:block;border-radius:12px}.chat-input-container{display:flex;gap:12px;padding:16px;background:#0033aa80;border-radius:24px;margin:0 20px}.chat-input{flex:1;background:#ffffff1a;border:1px solid rgba(0,255,240,.3);border-radius:20px;padding:12px 20px;color:var(--white);font-size:16px;outline:none}.chat-input::placeholder{color:#ffffff80}.chat-button{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chat-button svg{width:20px;height:20px}.chat-button.mic{background:var(--cyan);color:var(--dark-blue)}.chat-button.mic.recording{animation:pulse 1.5s ease infinite}.chat-button.attach{background:#ffffff1a;color:var(--white)}.chat-button.send{background:var(--blue);color:var(--white)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #00fff0b3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #00fff000}}.ghosts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;width:100%;max-width:900px;padding:20px 20px 100px}.ghost-card{background:#ffffff1a;border-radius:20px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.ghost-card:hover{transform:translateY(-5px);border-color:var(--green);background:#0f83}.ghost-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--dark-blue);margin:0 auto 12px}.ghost-name{font-size:20px;font-weight:600;margin-bottom:4px}.ghost-type{font-size:14px;color:#ffffffb3}.matches-container{width:100%;max-width:800px;padding:20px 20px 100px}.match-card{background:#ffffff1a;border-radius:20px;padding:24px;margin-bottom:20px;border-left:4px solid var(--purple)}.match-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.match-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--white)}.match-info h3{font-size:20px;margin-bottom:4px}.match-info p{font-size:14px;color:#ffffffb3}.match-stats{display:flex;gap:20px;margin-top:16px;font-size:14px}.match-stat{display:flex;flex-direction:column;gap:4px}.match-stat-label{color:#fff9}.match-stat-value{color:var(--purple);font-weight:600}.profile-container{width:100%;max-width:600px;padding:20px 20px 100px}.profile-header{text-align:center;margin-bottom:40px}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--white);margin:0 auto 20px}.profile-name{font-size:28px;font-weight:600;margin-bottom:8px}.profile-id{font-size:14px;color:#fff9;margin-bottom:20px}.profile-section{background:#ffffff1a;border-radius:16px;padding:20px;margin-bottom:20px}.profile-section h3{font-size:18px;margin-bottom:12px;color:var(--pink)}.profile-section p{font-size:14px;line-height:1.6;color:#fffc}.pricing-container{width:100%;max-width:1000px;padding:20px 20px 100px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px}.pricing-card{background:#ffffff1a;border-radius:20px;padding:32px;text-align:center;border:2px solid transparent;transition:all .3s ease}.pricing-card.recommended{border-color:var(--cyan);background:#00fff026;transform:scale(1.05)}.pricing-card:hover{transform:translateY(-5px);border-color:var(--cyan)}.pricing-name{font-size:24px;font-weight:700;margin-bottom:8px}.pricing-price{font-size:36px;font-weight:700;color:var(--cyan);margin-bottom:4px}.pricing-period{font-size:14px;color:#fff9;margin-bottom:24px}.pricing-features{list-style:none;text-align:left;margin-bottom:24px}.pricing-features li{padding:8px 0;font-size:14px;color:#fffc}.pricing-features li:before{content:"✓ ";color:var(--cyan);font-weight:700;margin-right:8px}.pricing-button{width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.pricing-button.primary{background:var(--cyan);color:var(--dark-blue)}.pricing-button.secondary{background:#ffffff1a;color:var(--white);border:1px solid rgba(0,255,240,.3)}.pricing-button:hover{transform:scale(1.02)}.recommended-badge{display:inline-block;background:var(--cyan);color:var(--dark-blue);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:12px}.screen-title{font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.screen-subtitle{font-family:var(--font-primary);font-size:16px;color:#ffffffb3;margin-bottom:40px;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#00fff080;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00fff0b3}@media (max-width: 768px){.landing-header{padding:16px 20px}.landing-header-logo{height:32px}.landing-header-name{font-size:20px}.app-header-name{font-size:18px}.landing-nav{gap:12px}.landing-nav-link{font-size:14px;padding:6px 12px}.landing-hero{padding:100px 20px 60px}.landing-logo{width:200px;height:200px}.landing-tagline{font-size:20px}.landing-hero-text{font-size:36px}.landing-description{font-size:16px}.landing-cta{padding:14px 32px;font-size:16px}.landing-features{grid-template-columns:1fr;padding:60px 20px}.app-header{padding:16px 20px}.app-header-logo{height:28px}.screen{padding-top:80px}.ghosts-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.pricing-card.recommended{transform:scale(1)}}.chat-messages.dragging{background-color:#0000000d;border:2px dashed #000;border-radius:8px}.chat-messages.dragging:before{content:"Drop image here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#000;pointer-events:none;z-index:10}