@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{font-family:Ubuntu,sans-serif;font-weight:500;font-style:normal}:root{--bg-light: #f0f0f0;--bg-dark: #111111;--box-color-light: rgb(0 0 0 / 10%);--box-color-dark: rgba(255, 255, 255, .05);--text-light: #222222;--text-dark: #eeeeee}html,body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;transition:background-color .4s ease,color .4s ease}body{padding:0;margin:0;height:100vh;background-color:#161616;position:relative;display:flex;align-items:center;justify-content:center}#background-blur:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 30%,#0006)}#app{max-width:400px;width:100%;height:100vh;position:relative;z-index:1;transition:all .4s ease}@media screen and (max-width: 600px){#app{max-width:100%}}@media (prefers-color-scheme: light){:root{--bg-color: var(--bg-light);--box-color: var(--box-color-light);--text-color: var(--text-light)}}@media (prefers-color-scheme: dark){:root{--bg-color: var(--bg-dark);--box-color: var(--box-color-dark);--text-color: var(--text-dark)}}.splash-screen{position:fixed;inset:0;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease;z-index:9999}.fade-out{opacity:0}.logo-spin{width:100px;height:100px;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-page{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background-color .4s ease,color .4s ease}.box-grid{position:absolute;top:0;left:50%;transform:translate(-50%);width:1000px;height:55vh;background-image:linear-gradient(var(--box-color) 1px,transparent 1px),linear-gradient(90deg,var(--box-color) 1px,transparent 1px);background-size:40px 40px;background-position:top left;mask-image:linear-gradient(to bottom,black,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none;z-index:1}[data-theme=dark]{--bg-color: var(--bg-dark);--box-color: var(--box-color-dark);--text-color: var(--text-dark)}[data-theme=light]{--bg-color: var(--bg-light);--box-color: var(--box-color-light);--text-color: var(--text-light)}.icon-button{position:absolute;top:1rem;width:40px;height:40px;background-color:var(--text-color);color:var(--bg-color);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .1s ease,box-shadow .2s ease,background-color .2s ease}.icon-button{transition:background-color .3s ease,color .3s ease,transform .1s ease,box-shadow .2s ease}.icon-button:hover{box-shadow:0 4px 10px #00000026}.icon-button:active{transform:scale(.92);box-shadow:0 2px 6px #0003}.theme-toggle-icon{left:1rem}.share-btn{right:1rem}.user-logo-wrapper{margin-top:5rem;display:flex;flex-direction:column;align-items:center}.user-logo{width:180px;height:180px;object-fit:contain;border-radius:50%;box-shadow:0 10px 25px #00000040;z-index:10000}.user-name{font-size:22px;font-weight:600;margin-top:.75rem;margin-bottom:.25rem}.user-profession{font-size:15px;color:var(--text-muted, #666);margin:0}.promo-section{margin-top:2rem;display:flex;flex-direction:column;align-items:center;width:100%;max-width:350px}.promo-image-container{position:relative;width:100%;margin-bottom:1.5rem;cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}.promo-image-container:hover{transform:scale(1.05);box-shadow:0 15px 35px #00000040}.promo-image{width:100%;height:auto;display:block;transition:transform .3s ease}.promo-heading{position:absolute;bottom:1rem;left:1rem;color:#fff;font-size:15px;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.7);margin:0;padding:4px 6px;background:linear-gradient(135deg,#f009,#4400ffa2);border-radius:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 4px 15px #0006}.action-links{display:flex;flex-direction:column;gap:1rem;width:85%;margin-top:20px}.action-link{padding:14px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;color:#fff;position:relative;overflow:hidden}.action-link:nth-child(1){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.action-link:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb66}.action-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0000004d}.action-link:nth-child(1):hover{box-shadow:0 8px 25px #667eea99}.action-link:nth-child(2):hover{box-shadow:0 8px 25px #f093fb99}.action-link:active{transform:translateY(-1px) scale(.98)}.action-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-link:hover:before{left:100%}.share-popup-overlay{position:fixed;inset:0;background:#0000;display:flex;align-items:flex-end;z-index:1000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;transition:all .3s ease}.share-popup-overlay.visible{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}.share-popup{background:var(--bg-color, #fff);border-radius:20px 20px 0 0;width:100%;max-width:500px;margin:0 auto;padding:0;box-shadow:0 -10px 40px #0000001a;cursor:grab;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.share-popup.slide-up{transform:translateY(0)}.share-popup:active{cursor:grabbing}.drag-handle{padding:12px 0 8px;display:flex;justify-content:center;cursor:grab}.drag-indicator{width:36px;height:4px;background:#ccc;border-radius:2px}.share-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 16px;border-bottom:1px solid #eee}.share-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color, #000)}.close-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color, #666)}.close-btn:hover{background:#f0f0f0}.user-info{display:flex;align-items:center;padding:20px;gap:12px}.user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-details h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-color, #000)}.user-details p{margin:0;font-size:14px;color:var(--text-secondary, #666)}.share-options{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 20px 40px}.share-option{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;transition:background .2s ease}.share-option:hover{background:#f5f5f5}.share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#333;transition:all .3s ease}.share-icon.telegram{background:#08c;color:#fff}.share-icon.whatsapp{background:#25d366;color:#fff}.share-icon.copied{background:#22c55e;color:#fff;transform:scale(1.1)}.share-option span{font-size:12px;color:var(--text-color, #333);text-align:center}[data-theme=dark] .share-popup{background:#1a1a1a;color:#fff}[data-theme=dark] .share-header{border-bottom-color:#333}[data-theme=dark] .close-btn:hover,[data-theme=dark] .share-option:hover{background:#333}[data-theme=dark] .share-icon{background:#333;color:#fff}@media (max-width: 480px){.share-options{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px}.share-option{padding:8px 4px}.share-icon{width:44px;height:44px}}