@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Cinzel:wght@500;600;700&display=swap";:root{--ruby-950: hsl(345, 60%, 6%);--ruby-900: hsl(345, 55%, 10%);--ruby-800: hsl(344, 50%, 14%);--ruby-700: hsl(344, 45%, 18%);--ruby-600: hsl(344, 48%, 24%);--ruby-500: hsl(348, 72%, 42%);--ruby-400: hsl(348, 83%, 52%);--ruby-300: hsl(348, 90%, 62%);--ruby-200: hsl(348, 95%, 72%);--ruby-100: hsl(348, 100%, 88%);--gold-600: hsl(38, 80%, 35%);--gold-500: hsl(40, 90%, 48%);--gold-400: hsl(43, 96%, 58%);--gold-300: hsl(43, 98%, 68%);--gold-200: hsl(45, 100%, 78%);--warm-950: hsl(330, 25%, 5%);--warm-900: hsl(330, 20%, 8%);--warm-800: hsl(330, 16%, 12%);--warm-700: hsl(330, 14%, 16%);--warm-600: hsl(330, 12%, 22%);--warm-500: hsl(330, 10%, 35%);--warm-300: hsl(330, 15%, 75%);--warm-100: hsl(330, 30%, 95%);--grad-ruby: linear-gradient(135deg, hsl(348, 83%, 52%) 0%, hsl(320, 75%, 42%) 100%);--grad-gold: linear-gradient(135deg, hsl(43, 98%, 68%) 0%, hsl(38, 85%, 50%) 100%);--grad-jewel: linear-gradient(135deg, hsl(43, 96%, 64%) 0%, hsl(348, 83%, 52%) 55%, hsl(320, 75%, 38%) 100%);--grad-card: linear-gradient(135deg, hsl(344, 35%, 13%) 0%, hsl(330, 20%, 10%) 100%);--grad-border: linear-gradient(135deg, hsla(43, 96%, 64%, .3) 0%, hsla(348, 83%, 52%, .2) 50%, hsla(344, 30%, 30%, .1) 100%);--grad-bg: radial-gradient(ellipse at 15% 15%, hsla(348, 70%, 25%, .35) 0%, transparent 55%), radial-gradient(ellipse at 85% 85%, hsla(330, 65%, 22%, .25) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, hsla(43, 80%, 20%, .08) 0%, transparent 70%), hsl(330, 22%, 7%);--bg-page: var(--grad-bg);--bg-card: var(--grad-card);--bg-raised: hsl(344, 32%, 15%);--bg-input: hsl(344, 28%, 11%);--border-color: hsla(348, 50%, 35%, .4);--border-glow: hsla(43, 96%, 64%, .35);--text-primary: hsl(330, 30%, 95%);--text-secondary: hsla(330, 20%, 82%, .8);--text-muted: hsla(330, 15%, 65%, .7);--accent-ruby: var(--ruby-400);--accent-gold: var(--gold-400);--ff-main: "Outfit", sans-serif;--ff-display: "Cinzel", serif;--fs-1: clamp(20px, 4.5vw, 26px);--fs-2: clamp(16px, 3.2vw, 19px);--fs-3: clamp(14px, 2.8vw, 17px);--fs-4: clamp(13px, 2.4vw, 15px);--fs-5: 14px;--fs-6: 13px;--fs-7: 12px;--fs-8: 11px;--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--fw-800: 800;--shadow-sm: 0 2px 8px hsla(0, 0%, 0%, .3);--shadow-md: 0 8px 24px hsla(0, 0%, 0%, .5), 0 0 0 1px hsla(348, 50%, 30%, .15);--shadow-lg: 0 16px 40px hsla(0, 0%, 0%, .6), 0 0 30px hsla(348, 70%, 30%, .15);--shadow-xl: 0 24px 60px hsla(0, 0%, 0%, .7), 0 0 50px hsla(348, 70%, 25%, .2);--shadow-ruby: 0 0 25px hsla(348, 83%, 52%, .3), 0 0 60px hsla(348, 83%, 52%, .12);--shadow-gold: 0 0 20px hsla(43, 96%, 64%, .35), 0 0 50px hsla(43, 96%, 64%, .12);--shadow-inset: inset 0 1px 0 hsla(348, 60%, 50%, .1), inset 0 -1px 0 hsla(0, 0%, 0%, .2);--ease-1: .2s cubic-bezier(.4, 0, .2, 1);--ease-2: .4s cubic-bezier(.4, 0, .2, 1);--transition-1: var(--ease-1);--transition-2: var(--ease-2);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--ruby-primary: var(--ruby-400);--ruby-glow: var(--ruby-300);--ruby-subtle: hsla(348, 83%, 52%, .15);--gold-primary: var(--gold-400);--gold-warm: var(--gold-500);--vegas-gold: var(--gold-300);--gold-subtle: hsla(43, 96%, 64%, .12);--jet: var(--ruby-600);--onyx: var(--ruby-800);--eerie-black-1: var(--ruby-900);--eerie-black-2: var(--warm-800);--smoky-black: var(--warm-900);--white-1: var(--warm-100);--white-2: var(--text-primary);--light-gray: var(--warm-300);--light-gray-70: var(--text-secondary);--platinum-silver: var(--warm-300);--bg-gradient-onyx: var(--grad-card);--bg-gradient-jet: var(--grad-card);--bg-gradient-jewel: var(--grad-jewel);--bg-gradient-yellow-1: var(--grad-gold);--bg-gradient-yellow-2: linear-gradient(135deg, hsla(43,96%,64%,.25) 0%, var(--ruby-900) 100%);--border-gradient-onyx: var(--grad-border);--text-gradient-yellow: var(--grad-jewel);--text-gradient-ruby: var(--grad-ruby);--shadow-1: var(--shadow-md);--shadow-2: var(--shadow-lg);--shadow-3: var(--shadow-xl);--shadow-4: var(--shadow-xl);--shadow-5: var(--shadow-xl);--shadow-ruby-glow: var(--shadow-ruby);--shadow-gold-glow: var(--shadow-gold)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}li{list-style:none}button{font:inherit;background:none;border:none;cursor:pointer;color:inherit}input,textarea{display:block;width:100%;background:none;font:inherit;color:var(--text-primary)}::selection{background:var(--ruby-400);color:var(--warm-100)}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}:focus:not(:focus-visible){outline:none}html{font-family:var(--ff-main);scroll-behavior:smooth;overflow-x:hidden}body{background:var(--warm-900);background-image:radial-gradient(ellipse at 15% 10%,hsla(348,70%,25%,.4) 0%,transparent 50%),radial-gradient(ellipse at 85% 90%,hsla(330,65%,20%,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,hsla(344,40%,12%,.8) 0%,transparent 80%);color:var(--text-secondary);min-height:100vh;line-height:1.65;overflow-x:hidden;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--ruby-900)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--gold-400),var(--ruby-400));border-radius:4px}.h2,.h3,.h4,.h5{color:var(--text-primary);font-weight:var(--fw-600);font-family:var(--ff-main)}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4);font-size:clamp(13px,2.5vw,15px)}.h5{font-size:var(--fs-7)}.article-title{position:relative;padding-bottom:12px;margin-bottom:22px;font-size:var(--fs-1);font-weight:var(--fw-700);color:var(--text-primary);letter-spacing:-.02em}.article-title:after{content:"";position:absolute;bottom:0;left:0;width:44px;height:3px;background:var(--grad-jewel);border-radius:2px;box-shadow:0 0 12px #ea1f4880}.text-gradient-yellow{background:var(--grad-jewel);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-ruby{background:var(--grad-ruby);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar,article{background:linear-gradient(145deg,#29141a,#1c1217);border:1px solid var(--border-color);border-radius:var(--r-xl);padding:18px;box-shadow:var(--shadow-md),inset 0 1px #cc335214;position:relative;z-index:1;background-image:radial-gradient(ellipse at 0% 0%,hsla(348,70%,30%,.12) 0%,transparent 50%),linear-gradient(145deg,#29141a,#1c1217)}.separator{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,hsla(348,50%,35%,.5) 50%,var(--border-color) 80%,transparent);margin:16px 0}.icon-box{position:relative;background:linear-gradient(135deg,#82172c4d,#451723cc);width:36px;height:36px;border-radius:var(--r-sm);display:flex;justify-content:center;align-items:center;color:var(--gold-400);box-shadow:var(--shadow-sm),inset 0 1px #ebbc471a;z-index:1;flex-shrink:0;border:1px solid hsla(348,60%,40%,.3)}.content-card{background:linear-gradient(145deg,#2c171c,#1f141a);padding:18px;border-radius:var(--r-lg);box-shadow:var(--shadow-md),inset 0 1px #cc33520f;z-index:1;transition:var(--ease-1);border:1px solid var(--border-color);position:relative;background-image:radial-gradient(ellipse at 100% 0%,hsla(43,80%,40%,.05) 0%,transparent 50%),linear-gradient(145deg,#2c171c,#1f141a)}.content-card:hover{box-shadow:var(--shadow-lg),var(--shadow-ruby);transform:translateY(-2px);border-color:#c322438c}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content-active{animation:fadeInTab .3s ease forwards}.vcard-app-container{min-height:100vh;padding:12px 10px 82px}.vcard-main-layout{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1200px;margin:0 auto}.vcard-right-content{position:relative;width:100%;flex:1;min-width:0}.vcard-navbar{position:fixed;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to top,#210d12f7,#271117f0);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px 20px 0 0;border-top:1px solid hsla(348,60%,40%,.35);display:flex;justify-content:center;padding:0 6px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1000;box-shadow:0 -8px 40px #410b1699,0 -1px #a3294133}.vcard-nav-list{display:flex;align-items:stretch;justify-content:space-around;gap:0;width:100%;max-width:560px}.vcard-nav-item{flex:1}.vcard-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:#b398a6b3;font-size:11.5px;font-weight:var(--fw-500);padding:12px 4px 11px;transition:color var(--ease-1);position:relative;letter-spacing:.01em;min-height:48px}.vcard-nav-link:hover{color:var(--warm-300)}.vcard-nav-link.active{color:var(--gold-400);font-weight:var(--fw-600)}.vcard-nav-link.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:36px;height:2px;background:var(--grad-jewel);border-radius:0 0 3px 3px;box-shadow:0 0 10px #fbc94b80}.vcard-tag{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:500;background:#401c25cc;border:1px solid hsla(348,50%,35%,.4);color:var(--warm-300)}.vcard-tag-gold{background:#b8891426;border-color:#fbc94b66;color:var(--gold-300);font-weight:600}@media(min-width:1024px){.vcard-app-container{padding:48px 24px 70px}.vcard-main-layout{flex-direction:row;align-items:flex-start;gap:28px}.vcard-sidebar-col{position:sticky;top:48px;width:300px;flex-shrink:0;max-height:calc(100vh - 96px);overflow-y:auto}.vcard-right-content{min-width:0;flex:1}.sidebar,article{padding:24px}article{padding:40px 30px 30px}.content-card{padding:22px}.vcard-navbar{position:absolute;top:0;right:0;bottom:auto;left:auto;width:auto;background:linear-gradient(135deg,#2b1219eb,#1e1017eb);border-radius:0 var(--r-xl);border:1px solid var(--border-color);padding:0 20px;box-shadow:var(--shadow-md);display:block;justify-content:unset}.vcard-nav-list{display:flex;align-items:center;gap:18px;width:auto;max-width:none;justify-content:flex-start}.vcard-nav-item{flex:none}.vcard-nav-link{display:block;width:auto;text-align:left;font-size:13.5px;padding:15px 6px;flex-direction:row;min-height:auto}.vcard-nav-link.active:before{top:auto;bottom:0;left:0;transform:none;width:100%;border-radius:3px 3px 0 0;height:2px}.icon-box{width:40px;height:40px;border-radius:10px}.separator{margin:18px 0}}@media(max-width:400px){.vcard-nav-link{font-size:10.5px;padding:11px 2px 10px}.sidebar,article{border-radius:var(--r-lg);padding:14px}.vcard-app-container{padding:8px 8px 78px}}