@font-face{font-family:Garet;src:url('/static/fonts/garet-regular-latin.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Garet;src:url('/static/fonts/garet-extrabold-latin.woff2') format('woff2');font-display:swap;font-weight:800}
:root{color-scheme:dark;--card:linear-gradient(155deg,#294b91 0%,#192d6d 48%,#172554 100%);--border:rgba(255,255,255,.78)}
*{box-sizing:border-box}
html{min-height:100%;background:#111827}
body{min-height:100vh;margin:0;background:radial-gradient(circle at 50% -18%,#314f95 0%,#1b2233 50%,#111827 100%);color:#fff;font-family:Garet,Arial,sans-serif}
button,a{-webkit-tap-highlight-color:transparent}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.social-shell{display:grid;min-height:100vh;place-items:start center;padding:40px 18px 64px}
.profile-card{position:relative;width:min(100%,574px);min-height:780px;overflow:hidden;border:1px solid rgba(147,197,253,.11);border-radius:26px;background:var(--card);padding:80px 28px 28px;box-shadow:0 28px 85px rgba(2,6,23,.42)}
.profile-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(0,163,218,.19),transparent 38%),radial-gradient(circle at 88% 100%,rgba(0,215,125,.055),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 48%,rgba(2,6,23,.12))}
.top-action{position:absolute;z-index:2;right:28px;top:28px;display:grid;width:43px;height:43px;place-items:center;border:0;border-radius:15px;background:rgba(29,20,86,.58);color:#fff;font-size:25px;cursor:pointer;transition:.2s ease}
.top-action:hover{transform:translateY(-2px);background:rgba(18,12,65,.75)}
.top-action svg{width:25px;height:25px;fill:currentColor}
.theme-toggle{position:absolute;z-index:2;top:28px;left:28px;display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(147,197,253,.22);border-radius:15px;background:rgba(29,20,86,.58);color:#fde047;cursor:pointer;transition:.2s ease}
.theme-toggle:hover{transform:translateY(-2px);background:rgba(18,12,65,.75)}
.theme-toggle:focus-visible{outline:2px solid #fde047;outline-offset:3px}.theme-icon{width:23px;height:23px}.theme-icon-moon{display:none}
.profile-header{position:relative;z-index:1;text-align:center}
.avatar{display:block;width:104px;height:104px;margin:0 auto;border:4px solid #fff;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 9px 28px rgba(30,4,80,.24)}
.profile-header h1{margin:17px 0 6px;font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.04em}
.profile-header p{max-width:470px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:normal;text-wrap:balance}
.social-icons{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px}
.social-icons a{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fff;transition:.18s ease}
.social-icons a:hover,.social-icons a:focus-visible{background:rgba(255,255,255,.12);transform:scale(1.08);outline:none}
.social-icons svg{width:31px;height:31px;fill:currentColor}
.link-groups{position:relative;z-index:1;display:grid;gap:27px;margin-top:34px}
.link-group{display:grid;gap:12px}
.group-header{text-align:left;padding-inline:8px}
.group-header h2{margin:0;color:#fde047;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:.01em}
.group-header p{margin:4px 0 0;color:rgba(255,255,255,.7);font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:18px}
.link-list{display:grid;gap:12px}
.link-row{--accent:#8b5cf6;position:relative;min-height:74px;overflow:hidden;border:1.5px solid rgba(147,197,253,.22);border-radius:22px;background:linear-gradient(135deg,rgba(27,34,51,.5),rgba(15,23,42,.28));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 42%,transparent);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.link-row:hover,.link-row:focus-within{transform:translateY(-2px);border-color:rgba(147,197,253,.46);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,#233d78),#192d6d);box-shadow:inset 4px 0 0 color-mix(in srgb,var(--accent) 68%,white),0 10px 23px rgba(2,6,23,.3)}
.accent-whatsapp{--accent:#159447}
.accent-facebook{--accent:#1877f2}
.accent-telegram{--accent:#168bd2}
.accent-youtube{--accent:#ed002b}
.accent-instagram{--accent:#d94684}
.accent-tiktok{--accent:#22b8b1}
.accent-cart{--accent:#fde047}
.accent-coupon{--accent:#facc15}
.accent-link{--accent:#60a5fa}
.link-main{display:grid;min-height:72px;grid-template-columns:44px 1fr 42px;align-items:center;padding:8px 10px;color:inherit;text-align:left;text-decoration:none;line-height:1.2}
.link-main svg{width:29px;height:29px;fill:currentColor;justify-self:center;color:color-mix(in srgb,var(--accent) 58%,white);transition:color .2s ease,transform .2s ease}
.link-row:hover .link-main svg,.link-row:focus-within .link-main svg{color:color-mix(in srgb,var(--accent) 76%,white);transform:scale(1.05)}
.link-copy{grid-column:2;display:grid;gap:3px;min-width:0;padding-inline:8px}
.link-copy strong{font-size:14px;font-weight:800;line-height:18px}
.link-copy small{color:rgba(255,255,255,.72);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:16px;transition:color .2s ease}
.link-row:hover .link-copy small,.link-row:focus-within .link-copy small{color:rgba(255,255,255,.82)}
.link-share{position:absolute;z-index:2;right:8px;top:50%;width:42px;height:42px;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:#fff;font-size:27px;line-height:1;cursor:pointer;opacity:.68}
.link-share:hover,.link-share:focus-visible{background:rgba(255,255,255,.13);opacity:1;outline:none}
.profile-footer{position:relative;z-index:1;padding-top:30px;text-align:center}
.profile-footer a{text-decoration:none;transition:color .18s ease}
.footer-brand{color:rgba(255,255,255,.72);font-weight:800;letter-spacing:.22em}
.legal-links{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;color:rgba(255,255,255,.42);font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px}
.legal-links a{color:inherit}
.legal-links a:hover,.legal-links a:focus-visible{color:rgba(255,255,255,.76);outline:none;text-decoration:underline;text-underline-offset:3px}
.share-toast{position:fixed;z-index:5;bottom:24px;left:50%;padding:11px 18px;transform:translate(-50%,18px);border-radius:999px;background:#111827;color:#fff;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.share-toast.visible{transform:translate(-50%,0);opacity:1}
html[data-theme="light"]{color-scheme:light;background:#edf4ff}
html[data-theme="light"] body{background:radial-gradient(circle at 10% 10%,#d7ecff 0,transparent 30%),radial-gradient(circle at 90% 22%,#fff7bf 0,transparent 25%),linear-gradient(180deg,#f8fbff,#eaf2ff 72%,#f6f9ff);color:#12213f}
html[data-theme="light"] .profile-card{border-color:#bad1ee;background:linear-gradient(145deg,#fff,#e5f1ff);box-shadow:0 30px 80px rgba(23,63,115,.16)}
html[data-theme="light"] .profile-card::before{background:radial-gradient(circle at 18% 0%,rgba(76,165,255,.14),transparent 38%),radial-gradient(circle at 88% 100%,rgba(255,225,87,.22),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.32),transparent 48%)}
html[data-theme="light"] .top-action,html[data-theme="light"] .theme-toggle{border:1px solid #bdd1ec;background:#fff;color:#315b91;box-shadow:0 8px 20px rgba(23,63,115,.1)}
html[data-theme="light"] .top-action:hover,html[data-theme="light"] .theme-toggle:hover{background:#edf5ff}
html[data-theme="light"] .theme-icon-sun{display:none}html[data-theme="light"] .theme-icon-moon{display:block}
html[data-theme="light"] .profile-header h1{color:#143978}html[data-theme="light"] .profile-header p{color:#5b6f8d}
html[data-theme="light"] .social-icons a{color:#245286}html[data-theme="light"] .social-icons a:hover,html[data-theme="light"] .social-icons a:focus-visible{background:#dbeaff}
html[data-theme="light"] .group-header h2{color:#174887}html[data-theme="light"] .group-header p{color:#61728b}
html[data-theme="light"] .link-row{border-color:#c6d8f0;background:linear-gradient(135deg,#fff,#edf5ff);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 48%,transparent),0 12px 28px rgba(36,74,128,.07)}
html[data-theme="light"] .link-row:hover,html[data-theme="light"] .link-row:focus-within{border-color:#a8c4e6;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,#fff),#e8f2ff);box-shadow:inset 4px 0 0 color-mix(in srgb,var(--accent) 67%,#fff),0 14px 30px rgba(36,74,128,.12)}
html[data-theme="light"] .link-main svg{color:color-mix(in srgb,var(--accent) 76%,#17365f)}html[data-theme="light"] .link-copy strong{color:#17315e}html[data-theme="light"] .link-copy small{color:#667792}html[data-theme="light"] .link-row:hover .link-copy small,html[data-theme="light"] .link-row:focus-within .link-copy small{color:#4f6381}
html[data-theme="light"] .link-share{color:#315b91}html[data-theme="light"] .link-share:hover,html[data-theme="light"] .link-share:focus-visible{background:#dceaff}
html[data-theme="light"] .footer-brand{color:#315b91}html[data-theme="light"] .legal-links{color:#71819a}html[data-theme="light"] .legal-links a:hover,html[data-theme="light"] .legal-links a:focus-visible{color:#244f87}
@media(max-width:620px){.social-shell{padding:0}.profile-card{min-height:100vh;border-radius:0;padding:58px 18px 28px;box-shadow:none}.top-action{right:18px;top:18px}.theme-toggle{left:18px;top:18px}.avatar{width:92px;height:92px}.profile-header h1{font-size:25px}.profile-header p{max-width:340px;font-size:16px}.link-groups{margin-top:29px;gap:24px}.group-header{padding-inline:5px}.group-header h2{font-size:16px}.link-list{gap:10px}.link-row{min-height:70px;border-radius:20px}.link-main{min-height:68px;grid-template-columns:40px 1fr 40px;padding:7px}.link-main svg{width:26px;height:26px}.link-copy{padding-inline:6px}.link-copy strong{font-size:13px}.link-copy small{font-size:11px;line-height:15px}.legal-links{flex-wrap:wrap;gap:4px 7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}