:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}a{text-decoration:none;color:inherit}a:focus,a:focus-visible{outline:2px solid #667eea;outline-offset:2px}.app{min-height:100vh;background:linear-gradient(135deg,#eae0d1,#e2d4c2,#dac8b0 60%,#d2bc9e);background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:#fffcf8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #e0c59c4d;max-width:500px;width:100%;text-align:center}.logo-container{margin-bottom:20px}.logo-image{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid rgba(224,197,156,.4);box-shadow:0 8px 25px #e0c59c33}.title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#666;font-size:1.1rem;margin-bottom:40px;font-weight:300;display:flex;align-items:center;justify-content:center;gap:10px}.subtitle-icon{width:24px;height:24px;display:inline-block}.social-buttons{display:flex;flex-direction:column;gap:15px}.social-button{display:flex;align-items:center;justify-content:flex-start;padding:15px 25px;background:#fff;border:2px solid transparent;border-radius:50px;text-decoration:none;color:#333;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.social-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026;border-color:var(--button-color);background:var(--button-color);color:#fff}.social-button[href*=instagram]:hover{background:linear-gradient(45deg,#ff8a56,#ff6b9d);border-color:#ff8a56}.social-icon{margin-right:15px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0000000d;border-radius:50%;transition:all .3s ease}.social-icon svg{font-size:1.3rem;transition:all .3s ease}.social-button:hover .social-icon{background:#fff3}.social-button:hover .social-icon svg{transform:scale(1.1)}.social-name{flex-grow:1;text-align:left}@media (max-width: 480px){.container{padding:30px 20px}.logo-image{width:140px;height:140px;border-width:3px}.title{font-size:2rem}.social-button{padding:12px 20px;font-size:1rem}.social-icon{width:35px;height:35px;margin-right:12px}.social-icon svg{font-size:1.1rem}}