:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary:#65ffe9;--secondary:#222b2d;--white:#f3f4f6;--bg-color:linear-gradient(to bottom, #1e69a7, #187c80);font-family:Temfont-Regular,Rubik,monospace}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Temfont-Regular;src:url(/temcard/assets/Temfont-Regular-CE4Lsxph.otf)}.page{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.temtem_name{text-transform:capitalize}.temcard{border-radius:24px;flex-direction:column;align-items:center;gap:1rem;width:fit-content;max-width:min(90vw,380px);padding:1rem;display:inline-flex}.card_frame{width:100%;transform-style:preserve-3d;transition:transform .5s,box-shadow .5s;position:relative;transform:rotateY(-35deg)rotateX(15deg);box-shadow:15px 20px 30px #00000080}.card_frame:hover{transform:translateZ(-40px)scale(1.2);box-shadow:30px 40px 45px #0009}.card_image{border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 18px 40px #0000001f}.temtem_image{width:100%;max-width:150px;height:auto;display:block;position:absolute;top:24%;left:50%;transform:translate(-50%)}.container{text-align:center;width:100%}.temtem_data{color:#333;margin:0;font-size:1rem;line-height:1.3}.form{justify-content:center;width:100%;display:flex}.input_search{border:1px solid #d1d5db;border-radius:999px;outline:none;width:100%;max-width:220px;padding:.8rem 1rem;font-size:.95rem}.buttons{gap:.75rem;width:100%;display:flex}.button{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:999px;flex:1;padding:.85rem;transition:transform .2s,background .2s;box-shadow:-2px 3px #222,-4px 6px #000}.button:active{font-size:.65rem;box-shadow:inset -4px 4px #222}.button:hover{background:#444;transform:translateY(-1px)}.card_title{text-transform:capitalize;color:#fdb260;text-shadow:-2px 3px #3c324e;border-radius:2px}.card_title,.temtem_data,.button{font-size-adjust:.8;font-family:Temfont-Regular,Rubik,monospace}@media (width<=440px){.temcard{max-width:100%;padding:.85rem}.buttons{flex-direction:column}}.footer-container{background:var(--secondary);min-width:100vw;min-height:2vh;position:fixed;bottom:0;left:0}.footer-content{color:var(--white);text-align:center;font-size:14px}a,a:visited{color:inherit;text-decoration:none}
