@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#fff;overflow-x:hidden}.black-mirror-container,body{background:#000;min-height:100vh}.black-mirror-container{position:relative}.desktop-layout{display:flex;min-height:100vh}@media (max-width:768px){.desktop-layout{display:none}}.character-section{flex:1;background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,8%,.8)),url(https://blackmirrorxp-claim.pages.dev/black-mirror-main-5.png) 50%/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.character-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.7));z-index:1}.character-content{position:relative;z-index:2;text-align:left;max-width:600px}.main-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 20px hsla(0,0%,100%,.3)}.subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:hsla(0,0%,100%,.8);font-weight:400}.interface-section{flex:1;background:#000;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.interface-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,hsla(0,0%,8%,.5) 0,rgba(0,0,0,.9) 70%);z-index:1}.interface-content{position:relative;z-index:2;width:100%;max-width:500px;text-align:center}.iris-header{margin-bottom:3rem}.iris-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 0 15px hsla(0,0%,100%,.3)}.iris-subtitle{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:400;color:hsla(0,0%,100%,.7);margin-bottom:0}.welcome-section{margin-bottom:3rem}.welcome-title{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;color:hsla(0,0%,100%,.8)}.black-mirror-logo,.welcome-title{margin-bottom:1rem}.black-text,.mirror-text{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#fff;letter-spacing:2px}.mirror-text{position:relative}.mirror-text:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fff 50%,transparent);transform:translateY(-50%);opacity:.6}.experience-title{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;color:hsla(0,0%,100%,.8);margin-bottom:0}.wallet-tabs{display:flex;gap:0;margin-bottom:2rem;border-radius:8px;overflow:hidden;background:hsla(0,0%,100%,.1);padding:4px}.wallet-tab{flex:1;padding:12px 20px;background:transparent;border:none;color:hsla(0,0%,100%,.6);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:6px}.wallet-tab.active{background:hsla(0,0%,100%,.15);color:#fff;box-shadow:0 2px 10px hsla(0,0%,100%,.1)}.wallet-tab:hover:not(.active){background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.8)}.wallet-buttons{display:flex;flex-direction:column;gap:12px}.wallet-button{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.wallet-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 4px 20px hsla(0,0%,100%,.1)}.wallet-name{font-weight:500}.wallet-icon{width:24px;height:24px;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:50%;flex-shrink:0}.binance-icon{background-image:url(/images/binance.svg);border-radius:50%}.metamask-icon{background-image:url(/images/metamask.svg);border-radius:50%}.coinbase-icon{background-image:url(/images/coinbase.svg);border-radius:50%}.walletconnect-icon{background-image:url(/images/wallet-connect.svg);border-radius:50%}.phantom-icon{background-image:url(https://imgs.search.brave.com/CIE7grhihoF2hxZIl5hgbPjynZ8z1xPMYjZqJFTiXPE/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9jb2lu/bGF1bmNoLnNwYWNl/L21lZGlhL2ltYWdl/cy80LzgvNS8wLzQ4/NTAuc3Azb3cxLjEx/NHgxMTQucG5n)}.phantom-icon,.solflare-icon{background-size:contain;background-repeat:no-repeat;background-position:50%;border-radius:50%}.solflare-icon{background-image:url(https://imgs.search.brave.com/2y891Dx24uVG0cXr4aT4jGNomuJGmGDCiK-3iTLH6K4/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9jZG4u/YnJhbmRmZXRjaC5p/by9pZHRrYmJiaC1v/L3RoZW1lL2Rhcmsv/bG9nby5zdmc_Yz0x/YnhpZDY0TXVwN2Fj/emV3U0FZTVgmdD0x/NzUyNTY4ODU3Mzcz)}.backpack-icon{background-image:url(https://lh3.googleusercontent.com/YQnjQjJ6NuY_rxRwy8JA177ONpmPiOdFpud8zK-ebcS8-r3mQzwrzmqlueLSvKw1SsaoeBYua7XePZ632xXM4aHUzw=s120)}.backpack-icon,.sollet-icon{background-size:contain;background-repeat:no-repeat;background-position:50%;border-radius:50%}.sollet-icon{background-image:url(https://imgs.search.brave.com/b1JhkqdJ3syTqj3VGu2_s5UBR1ibjnZsho6TgfVSkkQ/rs:fit:32:32:1:0/g:ce/aHR0cDovL2Zhdmlj/b25zLnNlYXJjaC5i/cmF2ZS5jb20vaWNv/bnMvYTdjOWNkMzcy/OWZiOGFhMThjYTY5/MjNhMTljMWE3Nzhh/YjkwYTk2ZjAxYTc3/ZTAwM2RiNWQzNDk5/ODcwYjI1ZC93ZWIt/c29sbGV0LmNvbS8)}.mobile-layout{display:none;min-height:100vh;background:#000;padding:2rem 1.5rem}@media (max-width:768px){.mobile-layout{display:flex;flex-direction:column;justify-content:center;align-items:center}}.mobile-content{width:100%;max-width:400px;text-align:center}@media (max-width:768px){.iris-header,.welcome-section{margin-bottom:2rem}.wallet-tabs{margin-bottom:1.5rem}.wallet-button{padding:14px 18px;font-size:15px}.wallet-icon{width:20px;height:20px}}@media (max-width:480px){.mobile-layout{padding:1.5rem 1rem}.wallet-button{padding:12px 16px;font-size:14px}.wallet-tab{padding:10px 16px;font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interface-content,.mobile-content{animation:fadeIn .8s ease-out}.iris-title{position:relative}.iris-title:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);transform:translate(-50%,-50%);z-index:-1;border-radius:50%}.wallet-button{position:relative;overflow:hidden}.wallet-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.wallet-button:hover:before{left:100%}