:root{--bg-color: #0A0A0A;--surface-color: #1A1A1A;--surface-elevated: #242424;--border-color: #2A2A2A;--border-light: #3A3A3A;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--gold: #D4AF37;--gold-bright: #FFD700;--purple: #9D4EDD;--purple-bright: #C77DFF;--green-accent: #81C784;--green-bright: #A5D6A7;--green-dark: #388E3C;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Chakra Petch", sans-serif;--header-height: clamp(70px, 10vh, 90px);--card-padding: clamp(1.5rem, 5vw, 2.5rem);--gap-xs: clamp(.25rem, 1vw, .5rem);--gap-small: clamp(.5rem, 2vw, 1rem);--gap-medium: clamp(1rem, 3vw, 1.5rem);--gap-large: clamp(1.5rem, 4vw, 2.5rem);--text-xs: clamp(.75rem, 2.5vw, .8rem);--text-sm: clamp(.875rem, 3vw, .95rem);--text-base: clamp(1rem, 3.5vw, 1.1rem);--text-lg: clamp(1.125rem, 4vw, 1.3rem);--text-xl: clamp(1.4rem, 5vw, 1.8rem);--text-2xl: clamp(1.75rem, 6vw, 2.25rem);--touch-target: clamp(44px, 12vw, 56px);--button-padding: clamp(12px, 3vw, 16px) clamp(24px, 5vw, 32px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-size:clamp(15px,2.5vw,17px)}body{font-family:var(--font-sans);background:#0a0a0a;color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before,body:after,#app:before{display:none!important}body:before{content:"";position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 8%,transparent 15%),radial-gradient(circle at 35% 30%,rgba(255,245,157,.8) 0%,rgba(255,215,0,.6) 20%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(212,175,55,.9) 0%,rgba(184,134,11,.7) 40%,rgba(139,101,8,.5) 70%,transparent 100%),radial-gradient(circle at 75% 75%,rgba(0,0,0,.6) 0%,transparent 60%);filter:blur(1px) drop-shadow(0 20px 40px rgba(212,175,55,.3));animation:traverse1 40s ease-in-out infinite,rotateLight1 40s ease-in-out infinite;z-index:0;pointer-events:none;box-shadow:0 30px 60px #00000080,0 10px 30px #d4af374d,inset -30px -30px 60px #0006,inset 3px 3px 10px #ffffff4d}body:after{content:"";position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 6%,transparent 12%),radial-gradient(circle at 40% 35%,rgba(224,170,255,.7) 0%,rgba(186,104,200,.5) 18%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(157,78,221,.85) 0%,rgba(123,31,162,.7) 45%,rgba(74,20,140,.5) 75%,transparent 100%),radial-gradient(circle at 72% 72%,rgba(0,0,0,.7) 0%,transparent 55%);filter:blur(.8px) drop-shadow(0 18px 36px rgba(157,78,221,.35));animation:traverse2 35s ease-in-out infinite,rotateLight2 35s ease-in-out infinite;animation-delay:-10s,-10s;z-index:0;pointer-events:none;box-shadow:0 25px 50px #00000080,0 8px 25px #9d4edd59,inset -25px -25px 50px #00000073,inset 2px 2px 8px #ffffff59}#app:before{content:"";position:fixed;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.45) 7%,transparent 14%),radial-gradient(circle at 38% 35%,rgba(200,230,201,.75) 0%,rgba(165,214,167,.55) 20%,transparent 42%),radial-gradient(circle at 50% 50%,rgba(129,199,132,.9) 0%,rgba(76,175,80,.75) 42%,rgba(46,125,50,.55) 72%,transparent 100%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.65) 0%,transparent 58%);filter:blur(.9px) drop-shadow(0 16px 32px rgba(129,199,132,.3));animation:traverse3 45s ease-in-out infinite,rotateLight3 45s ease-in-out infinite;animation-delay:-20s,-20s;z-index:0;pointer-events:none;box-shadow:0 22px 44px #00000080,0 7px 22px #81c7844d,inset -22px -22px 44px #0000006b,inset 2px 2px 7px #ffffff52}@keyframes rotateLight1{0%,to{background-position:0% 0%,0% 0%,0% 0%,0% 0%}25%{background-position:20% -10%,15% -5%,0% 0%,-15% -15%}50%{background-position:30% 10%,25% 15%,0% 0%,-25% -10%}75%{background-position:10% 20%,5% 15%,0% 0%,-10% -20%}}@keyframes rotateLight2{0%,to{background-position:0% 0%,0% 0%,0% 0%,0% 0%}33%{background-position:-15% 15%,-10% 10%,0% 0%,15% 10%}66%{background-position:15% -15%,10% -10%,0% 0%,-15% -10%}}@keyframes rotateLight3{0%,to{background-position:0% 0%,0% 0%,0% 0%,0% 0%}30%{background-position:18% -8%,12% -5%,0% 0%,-12% -15%}60%{background-position:-12% 18%,-8% 12%,0% 0%,12% 10%}}@keyframes traverse1{0%,to{transform:translate(-150px,-150px) scale(1);opacity:.75}25%{transform:translate(calc(100vw - 200px),15vh) scale(1.15);opacity:.9}50%{transform:translate(calc(50vw - 175px),calc(100vh - 200px)) scale(.95);opacity:.8}75%{transform:translate(8vw,45vh) scale(1.08);opacity:.85}}@keyframes traverse2{0%,to{transform:translate(calc(100vw + 120px),48vh) scale(1);opacity:.8}33%{transform:translate(28vw,8vh) scale(.88);opacity:.92}66%{transform:translate(72vw,calc(100vh - 140px)) scale(1.12);opacity:.82}}@keyframes traverse3{0%,to{transform:translate(48vw,calc(100vh + 120px)) scale(1);opacity:.7}30%{transform:translate(calc(100vw - 140px),28vh) scale(1.08);opacity:.88}60%{transform:translate(12vw,58vh) scale(.92);opacity:.78}}#app{height:100%;position:relative;z-index:2}.hidden{display:none!important}#background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:flex;flex-direction:column;height:100%;perspective:1000px}.header{position:fixed;top:clamp(1rem,3vh,1.5rem);left:50%;transform:translate(-50%) translateZ(0);width:clamp(95%,95vw,1400px);height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:clamp(.75rem,2.5vw,1rem) clamp(1.5rem,4vw,2rem);background:#1a1a1ad9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:clamp(1rem,3vw,1.25rem);z-index:10;box-shadow:0 10px 40px #0009,0 20px 60px #0006,0 0 0 1px #d4af3726,inset 0 1px #ffffff14,inset 0 -1px #0000004d;transition:transform .3s ease}.header:hover{transform:translate(-50%) translateZ(0) translateY(-2px);box-shadow:0 15px 50px #000000b3,0 25px 70px #00000080,0 0 0 1px #d4af3740,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}main.content{flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-height) + clamp(1.5rem,4vh,3rem)) 0 clamp(1.5rem,4vh,3rem) 0}h3{background:linear-gradient(135deg,var(--gold-bright),var(--purple-bright));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:var(--text-xl);font-weight:700;margin-bottom:var(--gap-medium);line-height:1.2;letter-spacing:-.02em}p{color:var(--text-secondary);line-height:1.7;font-size:var(--text-sm);max-width:clamp(320px,85vw,450px);margin:0 auto}.logo{display:flex;align-items:center;gap:clamp(.75rem,2.5vw,1.25rem)}.logo-mark{width:clamp(40px,10vw,56px);height:clamp(40px,10vw,56px);display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,rgba(212,175,55,.1),transparent);border-radius:50%}.logo-svg{width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);z-index:2;filter:drop-shadow(0 0 12px rgba(212,175,55,.6));transition:filter .3s ease}.logo:hover .logo-svg{filter:drop-shadow(0 0 20px rgba(212,175,55,.9))}h1{font-family:var(--font-display);font-size:clamp(1.25rem,4.5vw,2rem);font-weight:600;letter-spacing:clamp(2px,.8vw,5px);text-transform:uppercase;position:relative;color:var(--text-primary);text-shadow:0 0 15px rgba(212,175,55,.6),0 0 30px rgba(157,78,221,.4),0 2px 4px rgba(0,0,0,.5);cursor:default;user-select:none;transition:text-shadow .3s cubic-bezier(.23,1,.32,1)}h1:before,h1:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}h1:before{color:var(--gold-bright);animation:quantum-1 4s ease-in-out infinite;opacity:.6;mix-blend-mode:screen}h1:after{color:var(--purple-bright);animation:quantum-2 4s ease-in-out infinite;opacity:.6;mix-blend-mode:screen}@keyframes quantum-1{0%,to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(0)}33%{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(-1px)}66%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(1px)}}@keyframes quantum-2{0%,to{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(0)}33%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(1px)}66%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-1px)}}.logo-mark:before,.logo-mark:after{content:"";position:absolute;width:100%;height:100%;border:1.5px solid;border-radius:50%;animation:energy-field 3s ease-out infinite}.logo-mark:before{border-color:#d4af3799;animation-delay:0s}.logo-mark:after{border-color:#9d4edd99;animation-delay:1.5s}@keyframes energy-field{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.access-card{background:#1a1a1a80;border:1px solid rgba(255,255,255,.08);border-radius:clamp(1rem,3vw,1.5rem);padding:var(--card-padding);width:100%;max-width:clamp(380px,92vw,700px);max-height:calc(100vh - var(--header-height) - clamp(3rem,8vh,5rem));box-shadow:0 30px 70px #000000b3,0 15px 35px #00000080,0 5px 15px #0006,0 0 0 1px #d4af3726,inset 0 1px #ffffff14,inset 0 -1px #0006;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);transform:translateZ(0);transform-style:preserve-3d}.access-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.04) 0%,transparent 70%);animation:rotate-glow 20s linear infinite;pointer-events:none}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-state{animation:fadeIn .6s cubic-bezier(.23,1,.32,1);position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0}#accessGranted .access-codes-container{flex:1;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.state-icon{width:clamp(50px,12vw,64px);height:clamp(50px,12vw,64px);margin:0 auto var(--gap-large);color:var(--gold-bright);filter:drop-shadow(0 4px 12px rgba(212,175,55,.4));animation:pulse 2s ease-in-out infinite}.state-icon.denied{color:#ff6b6b;filter:drop-shadow(0 4px 12px rgba(255,107,107,.4))}.state-icon.granted{color:var(--green-bright);filter:drop-shadow(0 4px 12px rgba(129,199,132,.4))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-spinner{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);border:clamp(4px,1.5vw,5px) solid rgba(255,255,255,.1);border-top-color:var(--gold-bright);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--gap-large);filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:var(--button-padding);border:none;border-radius:clamp(.75rem,2vw,1rem);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);text-decoration:none;position:relative;overflow:hidden;letter-spacing:.02em;box-shadow:0 6px 16px #0006,0 3px 8px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000004d;transform:translateZ(0)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn:active{transform:translateY(2px) scale(.98)}.btn-primary{background:linear-gradient(145deg,var(--gold-bright),var(--gold),#B8860B);color:#000;box-shadow:0 8px 20px #d4af3766,0 4px 10px #d4af374d,0 2px 4px #0000004d,inset 0 1px #ffffff4d,inset 0 -2px #0003}.btn-primary:hover{background:linear-gradient(145deg,#FFE082,var(--gold-bright),var(--gold));transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #d4af3780,0 6px 14px #d4af3766,0 3px 6px #0000004d,inset 0 1px #fff6,inset 0 -2px #0003}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--border-light);border-color:var(--gold);transform:translateY(-2px)}.wallet-indicator{display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:clamp(2rem,5vw,3rem);padding:clamp(.4rem,1.5vw,.5rem) clamp(.4rem,1.5vw,.5rem) clamp(.4rem,1.5vw,.5rem) clamp(1rem,3vw,1.25rem);backdrop-filter:blur(10px)}.wallet-address{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.btn-icon{width:var(--touch-target);height:var(--touch-target);min-width:40px;min-height:40px;border:none;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);color:var(--text-primary)}.btn-icon:hover{background:linear-gradient(135deg,#ff6b6b,#e53935);color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #e5393566}.access-codes-container{margin-top:var(--gap-large);display:flex;flex-direction:column;gap:var(--gap-medium);text-align:left;max-height:calc(100vh - var(--header-height) - clamp(220px,45vh,350px));min-height:clamp(180px,35vh,250px);overflow-y:auto;overflow-x:hidden;padding:0 clamp(.25rem,1vw,.5rem) var(--gap-medium) 0}.access-codes-container::-webkit-scrollbar{width:clamp(6px,2vw,8px)}.access-codes-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:clamp(3px,1.5vw,4px)}.access-codes-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),#B8860B);border-radius:clamp(3px,1.5vw,4px);box-shadow:0 0 6px #d4af3780}.access-code-card{background:linear-gradient(145deg,var(--surface-color),rgba(18,18,18,.9));border:1px solid rgba(255,255,255,.1);border-left:clamp(3px,1.5vw,4px) solid transparent;border-radius:clamp(.75rem,2.5vw,1rem);padding:clamp(1rem,3.5vw,1.5rem);display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;min-height:clamp(70px,15vw,90px);flex-shrink:0;box-shadow:0 6px 16px #0006,0 3px 8px #0000004d,inset 0 1px #ffffff0d,inset 0 -1px #0003}.subscription-info{border-left-color:var(--green-bright)!important;background:linear-gradient(145deg,rgba(129,199,132,.12),var(--surface-color));box-shadow:0 6px 20px #0006,0 3px 10px #81c78433,0 0 24px #81c7841a,inset 0 1px #ffffff0f}.refresh-section{border-left-color:var(--gold-bright)!important;background:linear-gradient(145deg,rgba(212,175,55,.12),var(--surface-color));box-shadow:0 6px 20px #0006,0 3px 10px #d4af3733,0 0 24px #d4af371a,inset 0 1px #ffffff0f}.access-code-info{flex:1;min-width:0;margin-right:var(--gap-medium)}.access-code-info h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);background:none;margin:0 0 var(--gap-xs) 0;word-wrap:break-word;line-height:1.3;letter-spacing:-.01em}.access-code-info p{font-size:var(--text-sm);margin:0 0 var(--gap-small) 0;color:var(--text-secondary);line-height:1.6;word-wrap:break-word}.item-link{display:block;margin-top:var(--gap-small);font-size:var(--text-xs)}.item-link a{color:var(--gold-bright);text-decoration:none;word-break:break-all;transition:all .2s ease}.item-link a:hover{text-decoration:underline;color:var(--gold);text-shadow:0 0 8px rgba(212,175,55,.5)}.access-code-action{font-family:SF Mono,Monaco,monospace;font-size:var(--text-sm);background:var(--surface-elevated);padding:clamp(.5rem,2.5vw,.75rem) clamp(.75rem,3vw,1.25rem);min-height:clamp(40px,10vw,48px);border-radius:clamp(.5rem,2vw,.75rem);cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.23,1,.32,1);text-decoration:none;color:var(--text-primary);white-space:nowrap;max-width:clamp(180px,45vw,240px);overflow:hidden;text-overflow:ellipsis;align-self:flex-start;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.access-code-action:hover{border-color:var(--gold-bright);color:var(--gold-bright);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d,0 0 16px #d4af3726}.access-code-action:active{transform:translateY(0)}.link-action{background:linear-gradient(135deg,var(--purple-bright),var(--purple));color:#fff!important;border-color:transparent}.link-action:hover{background:linear-gradient(135deg,#E0AAFF,var(--purple-bright));color:#fff!important;box-shadow:0 4px 16px #9d4edd66,0 0 20px #9d4edd33}.subscription-active{background:linear-gradient(135deg,var(--green-bright),var(--green-accent))!important;color:#000!important;font-weight:700;border:none!important}.subscription-active:hover{background:linear-gradient(135deg,#C8E6C9,var(--green-bright))!important;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #81c78466,0 0 20px #81c78433}.refresh-btn{background:linear-gradient(135deg,var(--gold-bright),var(--gold))!important;color:#000!important;font-weight:700;border:none!important}.refresh-btn:hover{background:linear-gradient(135deg,#FFE082,var(--gold-bright))!important;box-shadow:0 6px 16px #d4af3766,0 0 20px #d4af3733}.coming-soon{background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;color:var(--text-secondary)!important;cursor:default!important;font-style:italic;opacity:.6;border-color:#ffffff0d!important}.coming-soon:hover{transform:none!important;box-shadow:0 2px 8px #0003!important}.toast-container{position:fixed;bottom:clamp(1.5rem,4vh,2rem);right:clamp(1.5rem,4vw,2rem);z-index:100;max-width:clamp(280px,85vw,400px)}.toast{background:linear-gradient(145deg,#1a1a1af2,#121212f2);border:1px solid rgba(255,255,255,.1);border-left:clamp(4px,1.5vw,5px) solid var(--gold-bright);border-radius:clamp(.75rem,2.5vw,1rem);padding:clamp(1rem,3.5vw,1.25rem);box-shadow:0 8px 24px #00000080,0 0 20px #d4af3726;animation:toastIn .4s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;gap:var(--gap-small);backdrop-filter:blur(20px) saturate(180%);margin-bottom:var(--gap-medium);font-size:var(--text-sm);font-weight:500}.toast.success{border-left-color:var(--green-bright);box-shadow:0 8px 24px #00000080,0 0 20px #81c78426}.toast.error{border-left-color:#ff6b6b;box-shadow:0 8px 24px #00000080,0 0 20px #ff6b6b26}@keyframes toastIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fadeOut{to{opacity:0;transform:scale(.9)}}.access-code-info p a.linkified-url{color:var(--gold-bright)!important;font-weight:700;text-decoration:none;word-break:break-word;transition:all .2s ease;display:inline-block;border-bottom:1px solid rgba(212,175,55,.3)}.access-code-info p a.linkified-url:hover{color:var(--gold)!important;text-shadow:0 0 12px rgba(212,175,55,.6);transform:translate(3px);border-bottom-color:var(--gold)}@media (max-width: 768px){.access-code-card{flex-direction:column;align-items:stretch;gap:var(--gap-medium)}.access-code-info{margin-right:0;margin-bottom:var(--gap-small)}.access-code-action{width:100%;max-width:none;font-size:var(--text-sm);min-height:48px}.btn{width:100%;min-height:48px}}@media (max-width: 360px){:root{--card-padding: clamp(1rem, 4vw, 1.5rem)}.access-codes-container{gap:clamp(.75rem,2.5vw,1rem)}}@media (prefers-contrast: high){.access-card,.access-code-card{border-width:2px}.btn-primary{border:2px solid #000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .5s ease}#loading-overlay.fade-out{opacity:0;pointer-events:none}.loader{width:60px;height:60px;border:3px solid rgba(212,175,55,.2);border-top:3px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}