:root{color-scheme:dark;--ink:#f4f7f2;--muted:#a2aca2;--mint:#b8ef7a;--green:#8edc56;--line:#ffffff1c;--glass:#141b16c9;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);font-family:var(--font);background-color:#101612;background-image:linear-gradient(180deg,rgba(8,13,10,.63),rgba(8,13,10,.78)),var(--background-photo);background-size:cover;background-position:center;background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#e7ffe2 0.5px,transparent .5px);background-size:5px 5px;mask-image:linear-gradient(180deg,#000,transparent 75%)}a{color:inherit;text-decoration:none}.site-header{height:72px;padding:0 max(22px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#10161282;backdrop-filter:blur(20px);position:relative;z-index:1}.site-brand{display:flex;align-items:center;gap:11px;color:#f5f7f2;font:800 12px Manrope,sans-serif;letter-spacing:1px}.site-brand-mark{width:34px;height:34px;border:1px solid #b8ef7a;border-radius:12px;display:grid;place-items:center;color:var(--mint);font:italic 17px Georgia,serif;letter-spacing:-4px;padding-right:4px;transform:rotate(-4deg);box-shadow:0 0 24px #a7eb6a25}.site-brand-mark span{color:#f4bf68}.brand-dot{color:var(--mint)}.header-meta{display:flex;align-items:center}.header-meta>span{font-size:9px;color:#bdc7bc;letter-spacing:1.4px}.header-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#92e46c;margin-right:9px;box-shadow:0 0 12px #a0f06e}.link-page{min-height:calc(100vh - 124px);padding:55px 20px 70px;display:flex;justify-content:center;position:relative;z-index:1}.link-profile{width:min(430px,100%);height:max-content;padding:34px 31px 30px;border:1px solid #ffffff20;border-radius:19px;background:linear-gradient(145deg,#19231cd9,#111713c7);box-shadow:0 30px 95px #0008,inset 0 1px #ffffff13;backdrop-filter:blur(18px);text-align:center;position:relative;overflow:hidden;animation:card-in .7s cubic-bezier(.2,.8,.2,1) both}.link-profile:before{content:'';position:absolute;left:15%;right:15%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#d5ffab,transparent);opacity:.85}.profile-logo{width:82px;height:82px;display:block;object-fit:cover;margin:0 auto 19px;border:2px solid #b8ef7a;border-radius:26px;box-shadow:0 0 0 6px #a5e97014,0 12px 34px #0007;transform:rotate(-3deg);transition:transform .35s,box-shadow .35s}.profile-logo:hover{transform:rotate(0) scale(1.05);box-shadow:0 0 0 8px #a5e9701d,0 16px 38px #0008}.link-profile h1{font:800 15px Manrope,sans-serif;letter-spacing:2.6px;margin:0 0 7px;color:#f6f8f4}.link-profile>p{margin:0 0 26px;color:#aeb8ac;font-size:10px;letter-spacing:1.7px}.link-list{display:flex;flex-direction:column;gap:11px}.link-item{min-height:58px;width:100%;padding:7px 8px 7px 17px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff17;border-radius:11px;background:linear-gradient(105deg,#ffffff0c,#ffffff05);box-shadow:0 7px 18px #00014;transition:transform .24s,border-color .24s,background .24s,box-shadow .24s;animation:row-in .5s both;position:relative;overflow:hidden}.link-item:before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--mint);transform:scaleY(0);transform-origin:bottom;transition:transform .24s}.link-item:hover{transform:translateY(-3px);border-color:#b8ef7a70;background:linear-gradient(105deg,#b8ef7a14,#ffffff08);box-shadow:0 12px 26px #0004,0 0 22px #b8ef7a0b}.link-item:hover:before{transform:scaleY(1)}.link-item-label{flex:1;min-width:0;text-align:left;font-size:10px;font-weight:600;letter-spacing:.15px;color:#edf2eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-login{height:38px;min-width:76px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;background:var(--mint);color:#182116;font-size:9px;font-weight:800;letter-spacing:.35px;transition:transform .2s,background .2s,box-shadow .2s}.product-login span{font-size:13px;transition:transform .2s}.product-login:hover{background:#d4ffae;transform:translateY(-1px);box-shadow:0 5px 16px #b8ef7a4d}.product-login:hover span{transform:translate(2px,-2px)}.profile-credit{margin-top:25px;padding-top:19px;border-top:1px solid #ffffff12;color:#748173;font-size:7px;letter-spacing:2px}.empty-state{padding:25px;color:#aab4a7;font-size:10px}.site-footer{height:52px;padding:0 max(22px,calc((100% - 1120px)/2));position:relative;z-index:1;border-top:1px solid #ffffff12;background:#10161294;color:#8d998b;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.1px;backdrop-filter:blur(15px)}.toast{position:fixed;z-index:4;bottom:22px;left:50%;transform:translate(-50%,15px);padding:12px 17px;border:1px solid #ffffff20;border-radius:8px;background:#1a251c;color:#eff5ed;font-size:10px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes card-in{from{opacity:0;transform:translateY(17px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes row-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.site-header{height:62px;padding:0 16px}.site-brand{font-size:10px;gap:8px}.site-brand-mark{width:30px;height:30px}.header-meta>span{font-size:7px;letter-spacing:.8px}.header-meta i{margin-right:6px}.link-page{min-height:calc(100vh - 108px);padding:34px 14px 44px;align-items:flex-start}.link-profile{padding:28px 17px 23px;border-radius:16px}.profile-logo{width:72px;height:72px;border-radius:22px}.link-profile h1{font-size:13px}.link-profile>p{font-size:9px;margin-bottom:21px}.link-list{gap:9px}.link-item{min-height:54px;padding-left:13px;gap:8px}.link-item-label{font-size:9px}.product-login{height:36px;min-width:68px;padding:0 9px;font-size:8px}.site-footer{height:46px;padding:0 14px;font-size:6px;letter-spacing:.55px}.profile-credit{font-size:6px}}

:root{color-scheme:light;--ink:#302b22;--muted:#827863;--mint:#c19a50;--green:#9b7432;--line:#d6c9ad8a;--glass:#fffcf4ed}
body{color:var(--ink);background-color:#f8f4e9;background-image:linear-gradient(180deg,rgba(250,247,239,.80),rgba(250,247,239,.91)),var(--background-photo)}
body:before{opacity:.2;background-image:radial-gradient(#ad8d4c .5px,transparent .5px)}
.site-header,.site-footer{background-color:#fcfaf4e8;border-color:#d4c6a5}.site-header{box-shadow:0 5px 24px #4c3d1b0a}
.site-brand{color:#352e21}.site-brand-mark{border-color:#c9a75c;color:#9d7636;box-shadow:0 0 20px #d3ad581c}.site-brand-mark span{color:#bc8a45}.brand-dot{color:#b58b45}
.header-meta i{background:#b89450;box-shadow:0 0 10px #d5b66b}.header-meta>span{color:#83775e}
.link-profile{border-color:#dfd2b6;background:linear-gradient(145deg,#fffdf8f2,#f7f1e4f2);box-shadow:0 28px 75px #473a1d20,inset 0 1px #fff}.link-profile:before{background:linear-gradient(90deg,transparent,#c6a45d,transparent)}
.link-profile h1{color:#302b22}.link-profile>p{color:#83775f}
.profile-logo{border-color:#c3a05a;box-shadow:0 0 0 6px #c3a05a18,0 12px 30px #56431b22}.profile-logo:hover{box-shadow:0 0 0 8px #c3a05a24,0 16px 36px #56431b30}
.link-item{border-color:#e5dac3;background:linear-gradient(105deg,#fffefa,#f8f3e9);box-shadow:0 5px 15px #5a471c0c}.link-item-label{color:#3b352a}.link-item:before{background:#bf9a53}.link-item:hover{border-color:#c6a45f;background:linear-gradient(105deg,#fffefa,#f5ecd8);box-shadow:0 12px 26px #5a471c18,0 0 18px #dfc17b20}
.product-login{background:linear-gradient(135deg,#d8bd7e,#c29a50);color:#302410;box-shadow:inset 0 1px #fff9}.product-login:hover{background:linear-gradient(135deg,#ead5a1,#d0ad69);box-shadow:0 5px 18px #c19a5050}
.profile-credit{border-color:#e5dac4;color:#988767}.site-footer{color:#817457}
.link-item{position:relative;overflow:hidden;animation:product-arrive .58s cubic-bezier(.2,.75,.25,1) both;background:linear-gradient(115deg,#e5d3a7,#c5a15a);border-color:#b79045;box-shadow:0 5px 14px #73551c20;will-change:transform,opacity}.link-item-label{color:#302719}.link-item:before{background:#8f6928}.link-item:after{content:'';position:absolute;inset:-30% auto -30% -45%;width:32%;pointer-events:none;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-18deg) translateX(-180%);transition:transform .65s ease}.link-item:hover{transform:translateY(-3px) scale(1.012);border-color:#a77e31;background:linear-gradient(115deg,#f0dfb5,#d0ad69);box-shadow:0 12px 26px #73551c2c,0 0 18px #dfc17b2c}.link-item:hover:after{transform:skewX(-18deg) translateX(520%)}.link-item:active{transform:translateY(-1px) scale(.985);transition-duration:.08s}.link-item:focus-within{outline:2px solid #a47d3b;outline-offset:3px}.product-login{background:linear-gradient(135deg,#9b7432,#79551e);color:#fffaf0;box-shadow:inset 0 1px #ffffff50;transition:transform .2s,background .25s,box-shadow .25s}.product-login:hover{background:linear-gradient(135deg,#79551e,#5e4219);color:#fffaf0;box-shadow:0 5px 18px #73551c55;transform:translateY(-1px)}.product-login:active{transform:scale(.94)}.product-login:after{content:'';position:absolute;inset:-50% auto -50% -55%;width:40%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:translateX(-180%) skewX(-18deg);transition:transform .55s}.product-login:hover:after{transform:translateX(480%) skewX(-18deg)}@keyframes product-arrive{0%{opacity:0;transform:translateY(16px) scale(.97)}65%{opacity:1;transform:translateY(-2px) scale(1.005)}100%{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.link-item,.link-item:before,.link-item:after,.product-login,.product-login:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.link-item{animation:product-arrive .58s cubic-bezier(.2,.75,.25,1) both,product-float 4.2s ease-in-out infinite;animation-delay:var(--enter-delay,0ms),calc(var(--enter-delay,0ms) + .58s)}.link-item:hover{animation-play-state:paused;translate:0 -4px}.product-login{animation:login-glow 3.4s ease-in-out infinite}.product-login:hover{animation-play-state:paused}.link-item:nth-child(1){--enter-delay:0ms}.link-item:nth-child(2){--enter-delay:90ms}.link-item:nth-child(3){--enter-delay:180ms}.link-item:nth-child(4){--enter-delay:270ms}.link-item:nth-child(5){--enter-delay:360ms}.link-item:nth-child(n+6){--enter-delay:450ms}@keyframes product-float{0%,100%{translate:0 0}50%{translate:0 -3px}}@keyframes login-glow{0%,100%{box-shadow:inset 0 1px #ffffff50,0 0 0 0 #c19a5000}50%{box-shadow:inset 0 1px #ffffff65,0 0 0 3px #c19a5024}}@media(prefers-reduced-motion:reduce){.link-item,.product-login{animation:none!important;translate:none!important}}
.link-profile{background:linear-gradient(145deg,rgba(255,253,248,.78),rgba(247,241,228,.72));border-color:#dfd2b6a8;backdrop-filter:blur(12px)}.site-header,.site-footer{background-color:#fcfaf4b8;backdrop-filter:blur(12px)}.link-item{background:linear-gradient(115deg,rgba(228,210,170,.78),rgba(187,154,91,.72));border-color:#b7904580}.link-item:hover{background:linear-gradient(115deg,rgba(240,223,181,.9),rgba(208,173,105,.84))}.product-login{background:linear-gradient(135deg,rgba(193,154,80,.94),rgba(154,115,48,.92));color:#fffaf0}.profile-credit{border-color:#c9b88d88}

:root{--background-photo:url("https://i.gyazo.com/bc3180e0bc920c10c3437ee61fb6dc6f.png")}
body{background-image:linear-gradient(180deg,rgba(250,247,239,.12),rgba(250,247,239,.22)),var(--background-photo);background-size:cover;background-position:center;background-attachment:fixed}
@media(max-width:700px){:root{--background-photo:url("https://i.gyazo.com/d7268ecef09e59cae0dc827e997728b4.png")}}

.link-profile{background:linear-gradient(145deg,rgba(255,253,248,.84),rgba(247,241,228,.80));backdrop-filter:blur(10px)}
.profile-logo{width:min(82px,100%);max-width:82px;height:auto;aspect-ratio:1}.profile-logo{object-fit:cover}@media(max-width:600px){.profile-logo{width:min(72px,100%);max-width:72px}}
@media(max-width:699px){body{background-size:auto;background-position:top center;background-repeat:no-repeat;background-attachment:fixed}}
@media(max-width:699px){body{background-image:url("https://i.gyazo.com/d7268ecef09e59cae0dc827e997728b4.png")!important;background-size:100% auto;background-attachment:scroll;background-position:top!important;background-repeat:no-repeat;margin-bottom:6.5rem}}
@media(max-width:600px){.site-footer{height:auto;min-height:46px;padding:10px 14px;flex-direction:column;justify-content:center;gap:6px;text-align:center;line-height:1.4}}
body{display:flex;flex-direction:column;min-height:100vh;margin:0}.link-page{flex:1;min-height:auto}.site-header,.site-footer{flex-shrink:0}@media(max-width:699px){body{margin-bottom:0!important}}
.link-profile{background:linear-gradient(145deg,rgba(13,14,15,.92),rgba(28,24,18,.88));border-color:rgba(193,154,80,.58);box-shadow:0 30px 85px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)}.link-profile:before{background:linear-gradient(90deg,transparent,#e0bd72,transparent)}.link-profile h1{color:#fffaf0}.link-profile>p{color:#d0c2a2}.profile-credit{border-color:rgba(193,154,80,.32);color:#c3a66d}
@property --link-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes link-border-orbit{to{--link-border-angle:360deg}}.link-item{border:1px solid transparent;background:linear-gradient(115deg,#e5d3a7,#c5a15a) padding-box,conic-gradient(from var(--link-border-angle),#7e5c22,#c9a65b,#fff0bc,#a77e31,#7e5c22) border-box;animation:product-arrive .58s cubic-bezier(.2,.75,.25,1) both,product-float 4.2s ease-in-out infinite,link-border-orbit 5s linear infinite;animation-delay:var(--enter-delay,0ms),calc(var(--enter-delay,0ms) + .58s),0ms}.link-item:hover{background:linear-gradient(115deg,#f0dfb5,#d0ad69) padding-box,conic-gradient(from var(--link-border-angle),#7e5c22,#c9a65b,#fff0bc,#a77e31,#7e5c22) border-box}.link-item:focus-within{border-color:#e6cd8c;box-shadow:0 0 0 2px #c19a5040,0 0 16px #c19a5040}@media(prefers-reduced-motion:reduce){.link-item{animation:none!important}}
.link-item{border-width:2px;box-shadow:0 0 0 1px rgba(113,78,25,.24),0 0 14px rgba(193,154,80,.36);background:linear-gradient(115deg,#e5d3a7,#c5a15a) padding-box,conic-gradient(from var(--link-border-angle),#704c15 0%,#d4a949 15%,#fff2c6 28%,#aa7927 42%,#f7dfa0 56%,#805a1d 70%,#ffeab0 84%,#704c15 100%) border-box}.link-item:hover{background:linear-gradient(115deg,#f0dfb5,#d0ad69) padding-box,conic-gradient(from var(--link-border-angle),#704c15 0%,#d4a949 15%,#fff2c6 28%,#aa7927 42%,#f7dfa0 56%,#805a1d 70%,#ffeab0 84%,#704c15 100%) border-box;box-shadow:0 0 0 1px rgba(113,78,25,.3),0 0 18px rgba(193,154,80,.52)}
.link-item{animation-duration:.58s,4.2s,1.6s}
.link-item{background:linear-gradient(115deg,#e5d3a7,#c5a15a) padding-box,conic-gradient(#98712f,#d9bb75,#98712f) border-box,conic-gradient(from var(--link-border-angle),transparent 0deg 300deg,#9b7029 325deg,#fff2c7 342deg,#bd9346 352deg,transparent 360deg) border-box}.link-item:hover{background:linear-gradient(115deg,#f0dfb5,#d0ad69) padding-box,conic-gradient(#98712f,#d9bb75,#98712f) border-box,conic-gradient(from var(--link-border-angle),transparent 0deg 300deg,#9b7029 325deg,#fff2c7 342deg,#bd9346 352deg,transparent 360deg) border-box}
.link-item{background:linear-gradient(115deg,#e5d3a7,#c5a15a);border:1px solid rgba(126,92,34,.55)}.link-item:hover{background:linear-gradient(115deg,#f0dfb5,#d0ad69)}.link-item:before{content:"";position:absolute;inset:0;z-index:3;width:auto;height:auto;top:0;right:0;bottom:0;left:0;padding:2px;border:2px solid transparent;border-radius:inherit;background:conic-gradient(from var(--link-border-angle),transparent 0deg 300deg,#9b7029 325deg,#fff2c7 342deg,#bd9346 352deg,transparent 360deg);background-origin:border-box;background-clip:border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:link-border-orbit 1.6s linear infinite;opacity:1}.link-item:after{z-index:1}.link-item>*{position:relative;z-index:2}@media(prefers-reduced-motion:reduce){.link-item:before{animation:none!important}}
.link-item:before,.link-item:hover:before{transform:none!important;transform-origin:center;transition:none!important}