.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;margin:-20px -20px 20px;padding:15px 20px;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.header-logo{color:#667eea;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.header-logo:hover{color:#764ba2}.header-nav{align-items:center;gap:10px;display:flex}.auth-loading{color:#666;font-size:14px}.user-menu{align-items:center;gap:15px;display:flex}.user-name{color:#333;font-size:14px;font-weight:500}.auth-buttons{gap:10px;display:flex}.auth-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.sign-in-btn{color:#667eea;background:0 0;border:2px solid #667eea}.sign-in-btn:hover{color:#fff;background:#667eea}.sign-up-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.sign-up-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.sign-out-btn{color:#666;background:#f5f5f5}.sign-out-btn:hover{color:#333;background:#e0e0e0}.about-page{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.about-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:40px;padding:40px 0;box-shadow:0 10px 30px #0000001a}.about-header h1{text-shadow:2px 2px 4px #0000004d;margin:0 0 15px;font-size:3rem;font-weight:700}.about-subtitle{opacity:.9;margin:0;font-size:1.3rem;font-weight:300}.about-content{max-width:1200px;margin:0 auto}.about-section{background:#fff;border-radius:20px;margin-bottom:30px;padding:40px;box-shadow:0 5px 20px #0000001a}.about-section h2{color:#333;text-align:center;margin:0 0 30px;font-size:2rem}.content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px;display:grid}.feature-card{text-align:center;background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border:1px solid #e1bee7;border-radius:15px;padding:25px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#4a148c;margin:0 0 15px;font-size:1.3rem}.feature-card p{color:#666;margin:0;line-height:1.6}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px;display:grid}.info-card{background:#f8f9fa;border-left:5px solid #667eea;border-radius:15px;padding:25px}.info-card h3{color:#333;margin:0 0 15px;font-size:1.3rem}.info-card p{color:#555;margin:10px 0;line-height:1.6}.info-card ul{margin:15px 0;padding-left:20px}.info-card li{color:#666;margin:8px 0}.highlight{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;margin-top:10px;padding:8px 15px;font-weight:600;display:inline-block;color:#fff!important}.countries-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:25px;display:grid}.country-item{text-align:center;background:#f0f8ff;border:2px solid #e6f3ff;border-radius:10px;padding:15px;font-size:1.1rem;transition:all .3s}.country-item:hover{background:#e6f3ff;transform:scale(1.05)}.steps-container{margin:30px 0}.step{background:#f8f9fa;border-left:4px solid #667eea;border-radius:15px;align-items:flex-start;margin-bottom:25px;padding:20px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:20px;font-size:1.2rem;font-weight:700;display:flex}.step-content h3{color:#333;margin:0 0 10px;font-size:1.2rem}.step-content p{color:#666;margin:0;line-height:1.6}.requirements{background:#fff3cd;border-left:4px solid #ffc107;border-radius:15px;margin-top:30px;padding:25px}.requirements h3{color:#856404;margin:0 0 15px}.requirements ul{margin:0;padding-left:20px}.requirements li{color:#856404;margin:8px 0}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-top:30px;display:grid}.benefit-item{text-align:center;background:linear-gradient(135deg,#fff9c4 0%,#f0f4c3 100%);border:1px solid #dcedc8;border-radius:15px;padding:25px;transition:transform .3s}.benefit-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001a}.benefit-item h3{color:#558b2f;margin:0 0 15px;font-size:1.2rem}.benefit-item p{color:#666;margin:0;line-height:1.6}.cta-section{text-align:center;background:linear-gradient(135deg,#e8f5e8 0%,#f3e5f5 100%);border:2px solid #c8e6c9}.back-to-chat-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;margin-top:20px;padding:15px 30px;font-size:1.1rem;font-weight:600;transition:all .3s}.back-to-chat-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (max-width:768px){.site-header{margin:-10px -10px 15px;padding:12px 15px}.header-logo{font-size:1.2rem}.auth-btn{padding:6px 12px;font-size:12px}.user-name{display:none}.about-page{padding:10px}.about-header{margin-bottom:20px;padding:30px 20px}.about-header h1{font-size:2.2rem}.about-subtitle{font-size:1.1rem}.about-section{margin-bottom:20px;padding:25px 20px}.about-section h2{font-size:1.6rem}.content-grid,.info-grid,.benefits-grid{grid-template-columns:1fr;gap:15px}.countries-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.step{text-align:center;flex-direction:column}.step-number{margin:0 0 15px}}
.chat-widget{z-index:1100;pointer-events:auto;align-items:center;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.chat-bubble{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.6rem;display:flex;box-shadow:0 6px 24px #764ba247}.chat-bubble:hover{transform:translateY(-3px)}.chat-label{color:#222;white-space:nowrap;background:#fffffff2;border-radius:16px;padding:8px 12px;font-weight:600;display:none;box-shadow:0 4px 18px #00000014}@media (min-width:720px){.chat-label{display:block}}@media (max-width:520px){.chat-widget{bottom:14px;right:14px}.chat-bubble{width:50px;height:50px;font-size:1.3rem}.chat-label{display:none}}.chat-widget.above-input{z-index:900;position:absolute;bottom:78px;right:20px}.chat-widget.above-input .chat-bubble{width:46px;height:46px}.chat-widget.above-input .chat-label{display:none}