@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--accent-pink:#ff6b9d;--accent-purple:#c084fc;--accent-blue:#60a5fa;--accent-cyan:#22d3ee;--accent-orange:#fb923c;--accent-green:#34d399;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--glass-bg:#0a0a0fb3;--glass-border:#ffffff26;--glass-shadow:0 8px 32px #00000080}html{scroll-behavior:smooth;font-size:16px}body{background-image:url(./background-Cc_7iGWJ.jpg);background-position:50%;background-size:cover;background-attachment:fixed;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#root{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.main-content{z-index:1;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:480px;box-shadow:var(--glass-shadow);border-radius:24px;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 2rem;animation:.8s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.avatar-container{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));border-radius:50%;width:120px;height:120px;padding:4px;animation:3s infinite alternate pulse}.avatar{object-fit:cover;background:#fff;border-radius:50%;width:100%;height:100%}@keyframes pulse{0%{box-shadow:0 0 #c084fc66}to{box-shadow:0 0 0 20px #c084fc00}}.title{flex-direction:column;gap:.5rem;font-family:Outfit,sans-serif;display:flex}.greeting{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;font-weight:500}.question{background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800;line-height:1.2}.links-container{flex-direction:column;gap:1rem;width:100%;display:flex}.link-btn{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.link-btn:before{content:"";background:var(--hover-color);opacity:0;z-index:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.link-btn:hover{border-color:var(--hover-color);box-shadow:0 10px 20px -10px var(--hover-color);transform:translateY(-4px)scale(1.02)}.link-btn:hover:before{opacity:.1}.link-icon{z-index:1;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1.25rem;font-size:1.5rem;display:flex;position:relative}.link-title{z-index:1;letter-spacing:.5px;flex:1;position:relative}.link-arrow{z-index:1;opacity:0;font-size:1.2rem;transition:all .3s;position:relative;transform:translate(-10px)}.link-btn:hover .link-arrow{opacity:1;transform:translate(0)}.link-btn{animation:.5s cubic-bezier(.16,1,.3,1) both slideInRight}.link-btn:first-child{animation-delay:.2s}.link-btn:nth-child(2){animation-delay:.3s}.link-btn:nth-child(3){animation-delay:.4s}.link-btn:nth-child(4){animation-delay:.5s}.link-btn:nth-child(5){animation-delay:.6s}.surprise-float{z-index:5;-webkit-backdrop-filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0a0a0fd9;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-family:inherit;font-size:1.4rem;line-height:1;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;box-shadow:0 4px 16px #0006}.surprise-float:hover{border-color:var(--accent-orange);transform:scale(1.08);box-shadow:0 6px 20px #fb923c59}.surprise-float:active{transform:scale(.95)}.surprise-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.surprise-modal{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;max-width:360px;box-shadow:var(--glass-shadow);border-radius:20px;flex-direction:column;gap:1rem;padding:2rem 1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.surprise-label{color:var(--text-primary);text-align:center;font-size:1.1rem;font-weight:600;line-height:1.4}.surprise-input{width:100%;color:var(--text-primary);text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1.25rem;font-weight:600;transition:border-color .2s}.surprise-input:focus{border-color:var(--accent-orange)}.surprise-error{color:var(--accent-pink);text-align:center;font-size:.875rem}.surprise-actions{gap:.75rem;margin-top:.5rem;display:flex}.surprise-cancel,.surprise-confirm{cursor:pointer;border-radius:12px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.surprise-cancel{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.surprise-cancel:hover{background:#ffffff1a}.surprise-confirm{background:var(--accent-orange);color:#fff;border:none}.surprise-confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=480px){.app-container{padding:1rem .5rem}.main-content{border-radius:20px;gap:1.5rem;padding:1.5rem 1.25rem}.header{gap:1rem}.avatar-container{width:100px;height:100px}.question{font-size:1.5rem}.link-btn{padding:1rem 1.25rem;font-size:1rem}.link-icon{width:32px;height:32px;margin-right:1rem;font-size:1.2rem}}@media (height<=700px){.main-content{gap:1rem;padding:1rem}.header{gap:.75rem}.avatar-container{width:80px;height:80px}.question{font-size:1.25rem}.link-btn{padding:.75rem 1rem}}