:root{--primary: #8b6f47;--accent: #f7b22a;--cream: #fff7e6;--warm-50: #fefdf9;--warm-100: #fef7ed;--warm-200: #fed7aa;--warm-300: #fdba74;--warm-400: #fb923c;--warm-500: #f97316;--warm-600: #ea580c;--warm-700: #c2410c;--warm-800: #9a3412;--warm-900: #7c2d12;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg: var(--warm-50);--card: #ffffff;--text: var(--gray-800);--text-muted: var(--gray-600);--border: var(--warm-200);--shadow: 0 10px 25px -5px rgba(139, 111, 71, .1), 0 4px 6px -2px rgba(139, 111, 71, .05);--shadow-lg: 0 25px 50px -12px rgba(139, 111, 71, .25)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--warm-50) 0%,var(--cream) 100%);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column;padding:20px;max-width:480px;margin:0 auto;position:relative}.page:before{content:"";position:fixed;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(247,178,42,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.page:after{content:"";position:fixed;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 80%,rgba(139,111,71,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.hero{text-align:center;padding:40px 20px 30px;background:var(--card);border-radius:24px;box-shadow:var(--shadow);margin-bottom:30px;border:1px solid var(--border);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary))}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.logo{width:120px;height:120px;border-radius:30px;box-shadow:var(--shadow-lg);background:var(--card);padding:12px;border:3px solid var(--warm-100);transition:all .3s ease;object-fit:contain;object-position:center}.logo:hover{transform:scale(1.05);box-shadow:0 30px 60px -12px #8b6f4759}.brand{font-family:Great Vibes,cursive;font-size:clamp(28px,6vw,36px);color:var(--primary);margin:16px 0 8px;font-weight:400;letter-spacing:1px}.tagline{color:var(--text-muted);font-size:16px;font-weight:500;margin-bottom:12px}.social-handle{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;box-shadow:0 4px 12px #8b6f474d;letter-spacing:.5px}.welcome-section{text-align:center;margin:24px 0;padding:20px;background:linear-gradient(135deg,var(--warm-50),var(--cream));border-radius:20px;border:1px solid var(--warm-200);box-shadow:0 4px 12px #8b6f4714}.welcome-title{font-size:clamp(20px,4.5vw,24px);color:var(--primary);font-weight:700;margin:0 0 12px;line-height:1.3;letter-spacing:.3px}.welcome-description{font-size:15px;color:var(--text-muted);font-weight:500;line-height:1.6;max-width:400px;margin:0 auto}.tip{background:linear-gradient(135deg,var(--warm-100),var(--cream));border:1px solid var(--warm-200);color:var(--warm-700);padding:12px 16px;border-radius:16px;display:inline-block;margin-top:16px;font-size:14px;font-weight:500;box-shadow:0 4px 6px -1px #8b6f471a;max-width:320px;line-height:1.5}.links{width:100%;display:flex;flex-direction:column;gap:16px;flex:1;margin-bottom:30px}.btn{display:flex;align-items:center;justify-content:flex-start;gap:16px;width:100%;text-decoration:none;padding:20px 24px;border-radius:20px;background:var(--card);color:var(--text);font-weight:600;font-size:16px;border:2px solid var(--border);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,178,42,.1),transparent);transition:left .5s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent);background:linear-gradient(135deg,var(--card) 0%,var(--warm-50) 100%)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0);transition:transform .1s ease}.btn .icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--warm-400));border-radius:12px;flex-shrink:0;box-shadow:0 4px 8px #f7b22a4d;color:#fff;transition:all .3s ease}.btn .icon svg{width:20px;height:20px;stroke-width:1.5}.btn:hover .icon{background:linear-gradient(135deg,var(--primary),var(--accent));transform:scale(1.05);box-shadow:0 6px 12px #8b6f4766}.btn-content{flex:1;display:flex;flex-direction:column;text-align:left;gap:2px}.btn-label{font-weight:600;font-size:16px;color:var(--text)}.btn-description{font-size:13px;color:var(--text-muted);font-weight:400;line-height:1.3}.btn-arrow{font-size:18px;color:var(--primary);font-weight:600;transition:transform .3s ease}.btn:hover .btn-arrow{transform:translate(4px)}.footer{text-align:center;color:var(--text-muted);font-size:14px;padding:20px;background:var(--card);border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border);margin-top:auto}.footer p{margin:0;font-weight:500}@media (min-width: 768px){.page{padding:40px 20px;max-width:520px}.logo{width:140px;height:140px;padding:16px}.hero{padding:50px 30px 40px}.brand{font-size:42px}.welcome-section{padding:24px;margin:28px 0}.welcome-title{font-size:26px}.welcome-description{font-size:16px}.btn{padding:24px 28px;font-size:17px}.btn .icon{width:40px;height:40px}.btn .icon svg{width:22px;height:22px}}@media (max-width: 480px){.page{padding:16px}.hero{padding:30px 16px 24px;margin-bottom:24px}.logo{width:100px;height:100px;padding:12px}.brand{font-size:24px}.btn{padding:18px 20px;gap:14px}}