@keyframes glitch-1{0%{clip-path:polygon(0 15%, 100% 15%, 100% 30%, 0 30%);transform:translate(-3px, 0)}25%{clip-path:polygon(0 60%, 100% 60%, 100% 75%, 0 75%);transform:translate(3px, 0)}50%{clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);transform:translate(-2px, 0)}75%{clip-path:polygon(0 80%, 100% 80%, 100% 95%, 0 95%);transform:translate(2px, 0)}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes glitch-2{0%{clip-path:polygon(0 40%, 100% 40%, 100% 55%, 0 55%);transform:translate(3px, 0);color:#01cdfe}50%{clip-path:polygon(0 70%, 100% 70%, 100% 85%, 0 85%);transform:translate(-3px, 0);color:#ff71ce}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%, 100%{opacity:1}50%{opacity:0.6}}@keyframes grid-scroll{from{background-position-y:0}to{background-position-y:80px}}@keyframes glitch-1{0%{clip-path:polygon(0 15%, 100% 15%, 100% 30%, 0 30%);transform:translate(-3px, 0)}25%{clip-path:polygon(0 60%, 100% 60%, 100% 75%, 0 75%);transform:translate(3px, 0)}50%{clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);transform:translate(-2px, 0)}75%{clip-path:polygon(0 80%, 100% 80%, 100% 95%, 0 95%);transform:translate(2px, 0)}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes glitch-2{0%{clip-path:polygon(0 40%, 100% 40%, 100% 55%, 0 55%);transform:translate(3px, 0);color:#01cdfe}50%{clip-path:polygon(0 70%, 100% 70%, 100% 85%, 0 85%);transform:translate(-3px, 0);color:#ff71ce}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%, 100%{opacity:1}50%{opacity:0.6}}@keyframes grid-scroll{from{background-position-y:0}to{background-position-y:80px}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0015;color:#f0e6ff;font-family:"Space Grotesk","Segoe UI",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.025) 2px, rgba(0,0,0,0.025) 4px);pointer-events:none;z-index:9999}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",Georgia,serif;font-weight:700;line-height:1.2;color:#f0e6ff}h1{font-size:clamp(1.8rem, 4vw, 2.8rem);background:linear-gradient(90deg, #ff71ce, #01cdfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.6rem;margin:2.5rem 0 0.75rem;background:linear-gradient(90deg, #b967ff, #ff71ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3{font-size:1.2rem;margin:1.75rem 0 0.5rem;color:#ff9cda}p{margin-bottom:1.1rem;color:#c4a8e0}a{color:#ff71ce;text-decoration:none;transition:color 0.2s}a:hover{color:#01cdfe;text-decoration:none}code,pre{font-family:"Space Mono","Courier New",monospace;font-size:0.85em}code{background:rgba(185,103,255,0.15);border:1px solid rgba(185,103,255,0.3);border-radius:4px;padding:0.15em 0.4em;color:#01cdfe}pre{background:linear-gradient(135deg, rgba(255,113,206,0.08), rgba(1,205,254,0.08));border:1px solid rgba(185,103,255,0.25);border-radius:16px;position:relative;overflow:hidden;padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem}pre::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,113,206,0.5), rgba(1,205,254,0.5), transparent)}pre code{background:none;border:none;padding:0;color:#05ffa1}blockquote{border-left:3px solid #ff71ce;padding:1rem 1.5rem;margin:2rem 0;background:rgba(255,113,206,0.05);border-radius:0 16px 16px 0;font-style:italic;font-family:"Playfair Display",Georgia,serif;font-size:1.1rem;color:#ff9cda}blockquote p{color:#ff9cda;margin:0}hr{border:none;height:1px;background:linear-gradient(90deg, transparent, rgba(255,113,206,0.4), transparent);margin:2.5rem 0}img{max-width:100%;border-radius:16px;border:1px solid rgba(185,103,255,0.25)}ul,ol{padding-left:1.5rem;margin-bottom:1rem;color:#c4a8e0}li{margin-bottom:0.3rem}strong{color:#f0e6ff;font-weight:700}@keyframes glitch-1{0%{clip-path:polygon(0 15%, 100% 15%, 100% 30%, 0 30%);transform:translate(-3px, 0)}25%{clip-path:polygon(0 60%, 100% 60%, 100% 75%, 0 75%);transform:translate(3px, 0)}50%{clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);transform:translate(-2px, 0)}75%{clip-path:polygon(0 80%, 100% 80%, 100% 95%, 0 95%);transform:translate(2px, 0)}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes glitch-2{0%{clip-path:polygon(0 40%, 100% 40%, 100% 55%, 0 55%);transform:translate(3px, 0);color:#01cdfe}50%{clip-path:polygon(0 70%, 100% 70%, 100% 85%, 0 85%);transform:translate(-3px, 0);color:#ff71ce}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%, 100%{opacity:1}50%{opacity:0.6}}@keyframes grid-scroll{from{background-position-y:0}to{background-position-y:80px}}.vp-nav{height:64px;background:rgba(13,0,31,0.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(185,103,255,0.25);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.vp-nav__logo{font-family:"Playfair Display",Georgia,serif;font-size:1.4rem;font-weight:700;text-decoration:none;background:linear-gradient(90deg, #ff71ce, #01cdfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:0.02em}.vp-nav__links{display:flex;gap:1.5rem;list-style:none}.vp-nav__links a{font-size:0.85rem;font-weight:500;color:#c4a8e0;text-decoration:none;letter-spacing:0.05em;text-transform:uppercase;transition:color 0.2s}.vp-nav__links a:hover,.vp-nav__links a.active{color:#ff71ce}.vp-nav__toggle{display:none;background:none;border:1px solid rgba(185,103,255,0.25);color:#ff71ce;padding:0.35rem 0.75rem;border-radius:8px;cursor:pointer;font-size:1rem}.vp-hero{position:relative;padding:6rem 2rem 4rem;text-align:center;overflow:hidden}.vp-hero::before{content:'';position:absolute;bottom:0;left:-50%;right:-50%;height:60%;background-image:linear-gradient(rgba(1,205,254,0.2) 1px, transparent 1px),linear-gradient(90deg, rgba(255,113,206,0.2) 1px, transparent 1px);background-size:80px 80px;transform:perspective(300px) rotateX(60deg);transform-origin:bottom center;animation:grid-scroll 3s linear infinite;mask-image:linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 100%);-webkit-mask-image:linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 100%)}.vp-hero::after{content:'';position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);width:600px;height:300px;background:radial-gradient(ellipse, rgba(185,103,255,0.15) 0%, transparent 70%);pointer-events:none}.vp-hero__inner{position:relative;z-index:1;max-width:900px;margin:0 auto}.vp-hero__eyebrow{font-family:"Space Mono","Courier New",monospace;font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:#01cdfe;margin-bottom:1rem;animation:pulse-glow 2s ease-in-out infinite}.vp-hero__title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.5rem, 6vw, 4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.25rem;background:linear-gradient(90deg, #ff71ce, #01cdfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vp-hero__sub{font-size:1.05rem;color:#c4a8e0;max-width:520px;margin:0 auto 2rem;line-height:1.7}.vp-hero__cta{display:inline-block;background:linear-gradient(90deg, #ff71ce, #b967ff);color:#fff;font-weight:600;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.75rem 2rem;border-radius:100px;text-decoration:none;box-shadow:0 0 4.8px rgba(255,113,206,0.6),0 0 14.4px rgba(255,113,206,0.2),inset 0 0 4.8px rgba(255,113,206,0.05);transition:transform 0.2s, box-shadow 0.2s;animation:float 3s ease-in-out infinite}.vp-hero__cta:hover{transform:translateY(-2px);box-shadow:0 0 8px rgba(255,113,206,0.6),0 0 24px rgba(255,113,206,0.2),inset 0 0 8px rgba(255,113,206,0.05);color:#fff;text-decoration:none}.vp-main{max-width:900px;margin:0 auto;padding:3rem 2rem}.vp-footer{background:#08000f;border-top:1px solid rgba(185,103,255,0.25);padding:2rem;text-align:center;font-size:0.8rem;color:#7a5a9a}.vp-footer a{color:#b967ff}.vp-footer a:hover{color:#ff71ce}@media (max-width: 640px){.vp-nav__links{display:none;flex-direction:column}.vp-nav__toggle{display:block}.vp-nav__links.open{display:flex;position:absolute;top:64px;left:0;right:0;background:#0d001f;padding:1rem 2rem;border-bottom:1px solid rgba(185,103,255,0.25)}.vp-hero{padding:3rem 1.5rem 2.5rem}.vp-main{padding:2rem 1.25rem}}@keyframes glitch-1{0%{clip-path:polygon(0 15%, 100% 15%, 100% 30%, 0 30%);transform:translate(-3px, 0)}25%{clip-path:polygon(0 60%, 100% 60%, 100% 75%, 0 75%);transform:translate(3px, 0)}50%{clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);transform:translate(-2px, 0)}75%{clip-path:polygon(0 80%, 100% 80%, 100% 95%, 0 95%);transform:translate(2px, 0)}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes glitch-2{0%{clip-path:polygon(0 40%, 100% 40%, 100% 55%, 0 55%);transform:translate(3px, 0);color:#01cdfe}50%{clip-path:polygon(0 70%, 100% 70%, 100% 85%, 0 85%);transform:translate(-3px, 0);color:#ff71ce}100%{clip-path:polygon(0 0, 0 0, 0 0, 0 0);transform:translate(0, 0)}}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%, 100%{opacity:1}50%{opacity:0.6}}@keyframes grid-scroll{from{background-position-y:0}to{background-position-y:80px}}.post-card{background:linear-gradient(135deg, rgba(255,113,206,0.08), rgba(1,205,254,0.08));border:1px solid rgba(185,103,255,0.25);border-radius:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:1.5rem;transition:border-color 0.2s, box-shadow 0.2s, transform 0.2s}.post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,113,206,0.5), rgba(1,205,254,0.5), transparent)}.post-card:hover{border-color:rgba(255,113,206,0.5);box-shadow:0 0 4px rgba(255,113,206,0.6),0 0 12px rgba(255,113,206,0.2),inset 0 0 4px rgba(255,113,206,0.05);transform:translateY(-3px);text-decoration:none}.post-card__date{font-family:"Space Mono","Courier New",monospace;font-size:0.65rem;color:#01cdfe;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:0.5rem}.post-card__title{font-family:"Playfair Display",Georgia,serif;font-size:1.15rem;font-weight:700;color:#f0e6ff;line-height:1.3;margin-bottom:0.5rem;transition:color 0.2s}.post-card:hover .post-card__title{color:#ff71ce}.post-card__excerpt{font-size:0.875rem;color:#c4a8e0;flex:1;line-height:1.6;margin-bottom:1rem}.post-card__tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:auto}.post-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(270px, 1fr));gap:1.25rem;margin-bottom:2.5rem}.tag-pill{display:inline-block;font-size:0.65rem;font-family:"Space Mono","Courier New",monospace;padding:0.2rem 0.6rem;border-radius:100px;background:rgba(185,103,255,0.15);color:#b967ff;border:1px solid rgba(185,103,255,0.35);text-decoration:none;letter-spacing:0.05em;transition:background 0.2s, color 0.2s, box-shadow 0.2s}.tag-pill:hover{background:rgba(255,113,206,0.2);color:#ff71ce;border-color:rgba(255,113,206,0.4);box-shadow:0 0 2.4px rgba(255,113,206,0.6),0 0 7.2px rgba(255,113,206,0.2),inset 0 0 2.4px rgba(255,113,206,0.05);text-decoration:none}.section-header{display:flex;align-items:baseline;gap:0.75rem;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(185,103,255,0.25)}.section-header__title{font-family:"Playfair Display",Georgia,serif;font-size:1.4rem;font-weight:700;background:linear-gradient(90deg, #ff71ce, #01cdfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header__count{font-family:"Space Mono","Courier New",monospace;font-size:0.7rem;background:rgba(1,205,254,0.12);color:#01cdfe;padding:0.1rem 0.5rem;border-radius:100px;border:1px solid rgba(1,205,254,0.25)}.post-header{margin-bottom:2.5rem;text-align:center}.post-header__date{font-family:"Space Mono","Courier New",monospace;font-size:0.7rem;color:#01cdfe;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:0.75rem}.post-header__title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.8rem, 4vw, 3rem);font-weight:700;line-height:1.15;margin-bottom:1rem;background:linear-gradient(90deg, #ff71ce, #01cdfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-header__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:0.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(185,103,255,0.25)}.post-body{max-width:70ch;margin:0 auto}.vp-pagination{display:flex;gap:0.5rem;justify-content:center;margin-top:2rem}.vp-pagination a,.vp-pagination span{font-family:"Space Mono","Courier New",monospace;font-size:0.75rem;padding:0.45rem 0.9rem;border:1px solid rgba(185,103,255,0.25);border-radius:8px;color:#c4a8e0;text-decoration:none;transition:border-color 0.2s, color 0.2s}.vp-pagination a:hover{border-color:#ff71ce;color:#ff71ce;text-decoration:none}.vp-pagination .current{background:linear-gradient(90deg, #ff71ce, #b967ff);border-color:transparent;color:#fff}.tags-cloud{display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:2.5rem}.tag-section{margin-bottom:2.5rem}.tag-section__heading{font-family:"Space Mono","Courier New",monospace;font-size:0.85rem;color:#01cdfe;margin-bottom:0.6rem;display:flex;align-items:center;gap:0.4rem}.tag-section__heading::before{content:'#';color:#7a5a9a}.tag-section__list{list-style:none;padding:0}.tag-section__item{padding:0.4rem 0;border-bottom:1px solid rgba(185,103,255,0.5);display:flex;justify-content:space-between}.tag-section__item a{color:#f0e6ff;font-size:0.9rem;text-decoration:none}.tag-section__item a:hover{color:#ff71ce}.tag-section__item .tag-date{font-family:"Space Mono","Courier New",monospace;font-size:0.65rem;color:#7a5a9a}.archive-year{font-family:"Space Mono","Courier New",monospace;font-size:0.8rem;color:#b967ff;margin:1.5rem 0 0.4rem;letter-spacing:0.1em}.archive-list{list-style:none;padding:0}.archive-list__item{padding:0.4rem 0;border-bottom:1px solid rgba(185,103,255,0.5);display:flex;justify-content:space-between}.archive-list__item a{color:#f0e6ff;font-size:0.9rem;text-decoration:none}.archive-list__item a:hover{color:#ff71ce}.archive-list__item__date{font-family:"Space Mono","Courier New",monospace;font-size:0.65rem;color:#7a5a9a}.glitch{position:relative}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch:hover::before{opacity:0.8;color:#ff71ce;animation:glitch-1 0.3s steps(1) forwards}.glitch:hover::after{opacity:0.6;color:#01cdfe;animation:glitch-2 0.3s steps(1) 0.05s forwards}