:root{--primary-color:#8b5cf6;--secondary-color:#06b6d4;--accent-color:#f472b6;--highlight-color:#f59e0b;--bg-dark:#090b1f;--card-bg:#12193694;--card-border:#fff3;--text-main:#fff;--text-muted:#d1d9ff;--qq-color:#12b7f5;--x-color:#000}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:radial-gradient(circle at 20% 15%, #8b5cf638, transparent 45%), radial-gradient(circle at 85% 20%, #f472b62e, transparent 40%), radial-gradient(circle at 50% 100%, #06b6d433, transparent 50%), var(--bg-dark);color:var(--text-main);perspective:1000px;min-height:100dvh;overflow:hidden}#root{width:100%;min-height:100dvh}.app-shell{justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.background-paws{z-index:-1;background:linear-gradient(145deg,#121a3f 0%,#0c1230 45%,#080b1e 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.background-paw{pointer-events:none;position:absolute}.background-paw-primary{color:#ffffff08;width:20rem;height:20rem;top:-10%;left:-10%;transform:rotate(-30deg)}.background-paw-secondary{color:#f472b60f;width:15rem;height:15rem;bottom:-15%;right:-10%;transform:rotate(15deg)}.floating-paws{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-paws span{opacity:0;filter:drop-shadow(0 0 12px #ffffff59);font-size:22px;animation:11s linear infinite paw-float;position:absolute}.floating-paws span:first-child{color:#8b5cf6d9;animation-delay:0s;top:90%;left:8%}.floating-paws span:nth-child(2){color:#f472b6d9;animation-delay:1.8s;top:95%;left:24%}.floating-paws span:nth-child(3){color:#06b6d4d9;animation-delay:3.4s;top:88%;left:41%}.floating-paws span:nth-child(4){color:#f59e0bd9;animation-delay:5.2s;top:94%;left:62%}.floating-paws span:nth-child(5){color:#6366f1d9;animation-delay:7.3s;top:92%;left:79%}.floating-paws span:nth-child(6){color:#ec4899d9;animation-delay:9.1s;top:97%;left:91%}@keyframes paw-float{0%{opacity:0;transform:translateY(0)rotate(0)scale(.6)}10%{opacity:.75}65%{opacity:.5}to{opacity:0;transform:translateY(-120vh)rotate(28deg)scale(1.15)}}.card-wrapper{width:90%;max-width:400px;transform-style:preserve-3d;z-index:1;padding:20px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);transform-style:preserve-3d;border-radius:28px;padding:40px 30px;transition:transform .1s ease-out,box-shadow .1s ease-out;position:relative;overflow:hidden;box-shadow:0 26px 60px -18px #08091ee6,0 0 32px #7c3aed47,inset 0 1px 1px #ffffff24}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:50%;height:100%;animation:5s infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.card:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(125deg,#ffffff59,#8b5cf666,#06b6d44d);border-radius:28px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.card-header{justify-content:center;margin-bottom:25px;display:flex;transform:translateZ(30px)}.avatar-container{width:120px;height:120px;position:relative}.avatar{object-fit:cover;z-index:2;background:#1e293b;border:2px solid #fff3;border-radius:50%;width:100%;height:100%;padding:5px;position:relative}.glow-ring{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));z-index:1;filter:blur(15px);opacity:.6;border-radius:50%;animation:3s infinite alternate pulse;position:absolute;inset:-5px}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}.card-body{text-align:center;transform:translateZ(40px)}.name{background:linear-gradient(90deg,#fff 0%,#c4b5fd 38%,#67e8f9 70%,#f9a8d4 100%);-webkit-text-fill-color:transparent;letter-spacing:0;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.tagline{color:var(--text-muted);margin-bottom:18px;font-size:14px;font-weight:500;line-height:1.55}.nfc-badge{color:#fde68a;background:linear-gradient(135deg,#f59e0b33,#f472b629);border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;padding:8px 14px;font-size:12px;display:inline-flex;box-shadow:0 8px 24px #f59e0b2e}.identity-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px;display:flex}.tag-item{letter-spacing:0;color:#fffffff0;background:linear-gradient(135deg,#8b5cf642,#06b6d43d);border:1px solid #ffffff2e;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;box-shadow:inset 0 1px #ffffff40}.social-links{z-index:4;justify-content:center;gap:20px;display:flex;position:relative;transform:translateZ(50px)}.ar-entry{color:#e8fdff;letter-spacing:.06em;background:linear-gradient(115deg,#06b6d447,#7c3aed5c);border:1px solid #67e8f9b8;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-width:210px;min-height:48px;margin-top:24px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,filter .2s;animation:2.6s ease-in-out infinite ar-entry-breathe;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(50px);box-shadow:0 0 0 1px #8b5cf633,0 0 22px #06b6d447,inset 0 1px #ffffff2e}.ar-entry:before{content:"";background:linear-gradient(110deg,#0000 15%,#ffffff38 48%,#0000 78%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.ar-entry:hover:before,.ar-entry:active:before{transform:translate(120%)}.ar-entry:hover{border-color:#c4b5fdeb;transform:translateY(-2px)translateZ(50px);box-shadow:0 0 30px #06b6d46b,0 0 18px #8b5cf66b}.ar-entry:active{filter:brightness(1.2);transform:scale(.97)translateZ(50px)}.ar-entry:focus-visible{outline-offset:4px;outline:3px solid #fef08a}.ar-entry svg,.ar-entry span{z-index:1;position:relative}.ar-entry svg{filter:drop-shadow(0 0 7px #67e8f9bf);flex:none;font-size:18px}@keyframes ar-entry-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.14)}}.ar-entry-glitch{color:#fff;background:linear-gradient(105deg,#820014b8,#00707c94);border-color:#ff3333e6;font-family:Courier New,Courier,monospace;animation:.28s steps(2,end) infinite ar-entry-glitch;box-shadow:4px 0 #00ffff59,-4px 0 #ff002d6b}@keyframes ar-entry-glitch{0%,to{filter:saturate();transform:translate(0)translateZ(50px)}33%{filter:saturate(1.4);transform:translate(-2px,1px)translateZ(50px)}66%{filter:hue-rotate(8deg);transform:translate(2px,-1px)translateZ(50px)}}.social-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff47;border-radius:24px;justify-content:center;align-items:center;width:92px;height:92px;text-decoration:none;transition:transform .26s,box-shadow .26s,background .26s,filter .26s;animation:2.8s ease-in-out infinite social-breathe;display:flex;position:relative;overflow:hidden}.social-btn:before{content:"";background:linear-gradient(120deg,#0000,#ffffff4d,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.social-btn:hover:before,.social-btn:active:before,.social-btn.is-activating:before{transform:translate(120%)}.social-btn:focus-visible{outline-offset:4px;outline:3px solid #fef08a}.social-btn.is-activating{pointer-events:none;animation:.25s ease-out both social-tap}@keyframes social-tap{45%{filter:brightness(1.35);transform:translateY(2px)scale(.9)}to{filter:brightness(1.16);transform:translateY(-2px)scale(1.04)}}.social-btn svg,.social-btn .x-logo{z-index:1;width:44px;height:44px;font-size:44px;position:relative}.social-btn .x-logo{justify-content:center;align-items:center;font-family:Arial Black,Segoe UI,sans-serif;font-weight:800;line-height:1;display:inline-flex}.qq-btn{color:var(--qq-color);background:radial-gradient(circle at 30% 25%,#8ee1ff59,#12b7f51f 50%,#12b7f50f 100%);border-color:#12b7f57a;box-shadow:0 0 0 2px #12b7f529,0 0 26px #12b7f557}.qq-btn:hover,.qq-btn:active{background:var(--qq-color);filter:saturate(1.12);color:#fff;transform:translateY(-4px)scale(1.06);box-shadow:0 0 0 3px #12b7f54d,0 14px 30px #12b7f58f}.twitter-btn{color:#fff;background:radial-gradient(circle at 30% 22%,#a5a5a552,#34343480 45%,#060606eb 100%);border-color:#ffffff8f;box-shadow:0 0 0 2px #ffffff2e,0 0 26px #ffffff47}.twitter-btn svg,.twitter-btn .x-logo{text-shadow:0 0 12px #ffffff52}.twitter-btn:hover,.twitter-btn:active{background:var(--x-color);filter:brightness(1.14);border-color:#fffc;transform:translateY(-4px)scale(1.06);box-shadow:0 0 0 3px #ffffff40,0 14px 32px #ffffff4d}.website-btn{color:#ddd6fe;background:radial-gradient(circle at 30% 22%,#c4b5fd57,#7c3aed2e 48%,#1e1b4b75 100%);border-color:#c4b5fd85;box-shadow:0 0 0 2px #8b5cf624,0 0 24px #7c3aed47}.website-btn:hover,.website-btn:active{filter:brightness(1.1);color:#fff;background:#7c3aed;border-color:#ddd6fee0;transform:translateY(-4px)scale(1.06);box-shadow:0 0 0 3px #8b5cf63d,0 14px 30px #7c3aed6b}.qq-feedback{z-index:4;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex;position:relative}.qq-feedback a{color:#67e8f9;text-underline-offset:3px;font-weight:700}.qq-feedback a:focus-visible{outline-offset:3px;outline:2px solid #fef08a}@keyframes social-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.1)}}.ripple{pointer-events:none;background-color:#ffffffb3;border-radius:50%;animation:.6s linear ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.paw-particle{pointer-events:none;z-index:9999;opacity:.8;text-shadow:0 0 5px #ffffff80;position:fixed;transform:translate(-50%,-50%)}@media (width<=768px){.card{padding:30px 20px}.card-wrapper{perspective:800px}.floating-paws span{font-size:18px}.identity-tags{gap:8px}.tag-item{font-size:11px}.social-links{gap:12px}.social-btn{border-radius:20px;width:78px;height:78px}.social-btn svg,.social-btn .x-logo{width:36px;height:36px;font-size:36px}.ar-entry{min-width:min(210px,100%);margin-top:20px;padding:10px 18px}}@media (height<=700px) and (width<=768px){.card-wrapper{padding-top:8px;padding-bottom:76px}.card{padding-top:22px;padding-bottom:22px}.card-header,.identity-tags{margin-bottom:16px}.avatar-container{width:92px;height:92px}.ar-entry{min-height:44px;margin-top:14px}}.glitch-trigger-container{bottom:calc(40px + env(safe-area-inset-bottom,0px));z-index:9999;justify-content:center;width:100%;display:flex;position:fixed;left:0}.glitch-trigger{color:#f33;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);background:#0f0f0fcc;border:1px solid #f33;border-radius:4px;outline:none;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 0 10px #f333}.glitch-trigger:hover{color:#000;background:#f33;transform:scale(1.05);box-shadow:0 0 15px #f339}.glitch-trigger.exit{color:#3f3;text-shadow:0 0 5px #3f3;border-color:#3f3;font-size:16px;animation:.5s infinite alternate glitch-exit-pulse;box-shadow:0 0 15px #3f36}.glitch-trigger.exit:hover{color:#000;background:#3f3;box-shadow:0 0 25px #3f3c}@keyframes glitch-exit-pulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.5);transform:scale(1.05)}}.glitch-stage{perspective:1000px;z-index:1;justify-content:center;width:100%;transition:all .1s;display:flex}body.glitch-mode .glitch-stage{animation:4s linear infinite glitch-flip,.3s linear infinite glitch-shake}body.glitch-mode .card{animation:.2s infinite alternate glitch-rgb-split,2.5s steps(2,end) infinite glitch-jump}body.glitch-mode .name,body.glitch-mode .tagline,body.glitch-mode .tag-item,body.glitch-mode .nfc-badge span,body.glitch-mode .social-btn svg,body.glitch-mode .social-btn .x-logo{animation:.1s infinite text-glitch-flicker}body.glitch-mode .avatar{filter:invert()hue-rotate(180deg)contrast(200%);animation:.4s infinite avatar-glitch}@keyframes glitch-flip{0%,15%,25%,to{transform:rotate(0)scale(1)}16%{transform:rotate(180deg)scaleX(-1)skew(20deg)}24%{transform:rotate(-180deg)scaleY(-1)skewY(-20deg)}}@keyframes glitch-shake{0%{transform:translate(2px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes glitch-rgb-split{0%{filter:drop-shadow(4px 0 #f00c)drop-shadow(-4px 0 #0ffc)}50%{filter:drop-shadow(-4px 0 #f00c)drop-shadow(4px 0 #0ffc)}to{filter:drop-shadow(2px 2px #f00c)drop-shadow(-2px -2px #0ffc)}}@keyframes glitch-jump{0%,9%,11%,to{transform:translate(0)}10%{transform:translate(-20px,10px)skew(10deg)}}@keyframes text-glitch-flicker{0%,to{opacity:1}50%{opacity:.8;transform:translate(1px)}80%{opacity:.3;transform:translate(-2px)}}@keyframes avatar-glitch{0%{clip-path:inset(0)}20%{clip-path:inset(20% 0 80%);transform:translate(-5px)}40%{clip-path:inset(80% 0 10%);transform:translate(5px)}60%{clip-path:inset(40% 0);transform:translate(-5px)}80%{clip-path:inset(10% 0 80%);transform:translate(5px)}to{clip-path:inset(0)}}.glitch-overlay{pointer-events:none;z-index:998;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}body.glitch-mode .glitch-overlay{display:block}.glitch-scanlines{opacity:.6;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px}.glitch-noise{opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:.2s infinite noise-move}@keyframes noise-move{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,10%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}.bsod-bars{opacity:.5;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 10%,#00a6 10% 15%);animation:3s step-end infinite bsod-flicker}@keyframes bsod-flicker{0%,90%,to{opacity:0}92%{opacity:.8;transform:translateY(10px)}94%{opacity:.2;transform:translateY(-20px)}96%{opacity:.9;transform:translateY(5px)}}body.glitch-mode{background:#0a0000}body.glitch-mode .background-paws{z-index:-2;background:radial-gradient(circle,#1a0000 0%,#0a0000 100%)}body.glitch-mode .background-paw{color:#ff00000a;transition:all 1s;transform:rotate(180deg)scale(1.1)}body.glitch-mode .floating-paws span{filter:drop-shadow(0 0 8px #f003);color:#ff00324d!important;animation:20s linear infinite reverse paw-float!important}@media (prefers-reduced-motion:reduce){.social-btn,.social-btn.is-activating,.ar-entry,.ar-entry-glitch{animation:none}body.glitch-mode .glitch-stage{filter:invert()hue-rotate(180deg);animation:none}body.glitch-mode .card,body.glitch-mode .avatar,.glitch-trigger.exit{animation:none}}body{overflow-y:auto}.app-shell{padding:24px 0 max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:24px;overflow:visible}.glitch-trigger-container{flex-wrap:wrap;gap:12px;padding:0 16px;position:relative;inset:auto}.glitch-trigger{min-height:44px}:is(button,a):focus-visible{outline-offset:4px;outline:3px solid #a5f3fc}.page-hidden *,.page-hidden :before,.page-hidden :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}