html, body {    height:100%;    margin:0;}.contentx:before,#navigation:after,.content-divider:after {    transition:        transform 0.15s ease-out,        opacity 0.2s ease-out;    will-change:transform, opacity;}@keyframes ornamentFloat {    0% { transform:translateX(-50%) translateY(0); opacity:0.55; }    50% { transform:translateX(-50%) translateY(-6px); opacity:0.85; }    100% { transform:translateX(-50%) translateY(0); opacity:0.55; }}@keyframes ornamentGlow {    0% { box-shadow:0 0 0 rgba(255,95,210,0.0); }    50% { box-shadow:0 0 14px rgba(124,243,255,0.45); }    100% { box-shadow:0 0 0 rgba(255,95,210,0.0); }}.contentx:before { animation:ornamentFloat 8s ease-in-out infinite; }#navigation:after { animation:ornamentFloat 6s ease-in-out infinite; }#navigation:before { animation:ornamentGlow 10s ease-in-out infinite; }.content-divider:after { animation:ornamentFloat 7s ease-in-out infinite; }body {    background-image: url(images/head.jpg);    background-attachment: fixed;    background-repeat:no-repeat;    font-family:'Libre Baskerville', serif;    font-size:13px;    text-align:center;    color:#e9ecff;}body:before {    content:"";    position:fixed;    inset:0;    pointer-events:none;    background:        radial-gradient(circle at 30% 20%, rgba(255,95,210,0.12), transparent 45%),        radial-gradient(circle at 70% 80%, rgba(124,243,255,0.12), transparent 45%),        linear-gradient(180deg, rgba(75,60,167,0.15), rgba(0,0,0,0.6));    z-index:9999;}::-webkit-scrollbar { height:20px; width:30px; }::-webkit-scrollbar-corner,::-webkit-scrollbar-track-piece { background-color:#050714; }::-webkit-scrollbar-thumb {    background:linear-gradient(180deg,#7cf3ff,#ff5fd2);    border:14px solid #050714;}#navigation {    position:relative;    width:56%;    margin:120px auto 60px auto;    padding:22px 30px;    background:linear-gradient(160deg,#0b1026,#1a1f4a);    border-radius:50px;    box-shadow:        inset 0 0 25px rgba(124,243,255,0.15),        0 10px 30px rgba(0,0,0,0.45);}#navigation a {    display:inline-block;    margin:0 12px;    padding:14px 26px;    font-size:18px;    letter-spacing:2px;    text-transform:uppercase;    color:#e9ecff;    border-radius:30px;    transition:all 0.25s ease;}#navigation a:hover {    background:linear-gradient(135deg,#4b3ca7,#ff5fd2);    color:white;    box-shadow:0 0 20px rgba(255,95,210,0.45);    transform:translateY(-1px);}#navigation a.active {    background:linear-gradient(135deg,#7cf3ff,#ff5fd2);    color:#050714;}#navigation:before {    content:"";    position:absolute;    top:-18px;    left:12%;    width:76%;    height:2px;    background:linear-gradient(        90deg,        transparent,        rgba(124,243,255,0.6),        rgba(255,95,210,0.6),        transparent    );    border-radius:2px;    opacity:0.7;}#navigation:after {    content:"✶";    position:absolute;    top:-30px;    left:50%;    transform:translateX(-50%);    font-size:20px;    color:#ff5fd2;    opacity:0.75;    text-shadow:0 0 10px rgba(124,243,255,0.6);}a {    position:relative;    text-decoration:none;    color:#cfd6ff;    font-size:15px;    font-weight:600;    letter-spacing:1px;    padding:2px 4px;}a:after {    content:"";    position:absolute;    left:0;    bottom:-3px;    width:100%;    height:2px;    background:linear-gradient(90deg,transparent,#7cf3ff,#ff5fd2,transparent);    opacity:0;    transform:scaleX(0.6);    transition:all 0.3s ease;}a:hover { color:#ff5fd2; }a:hover:after { opacity:1; transform:scaleX(1); }#container {    position:relative;    width:60%;    margin:110px auto;}.contentx {    opacity:0.7;    position:relative;    padding:20px 60px;    margin:0 auto 80px auto;    max-width:900px;    background:linear-gradient(160deg,#0b1026,#1a1f4a);    color:#e9ecff;    font-size:16px;    line-height:32px;    letter-spacing:1px;    border-radius:40px;    box-shadow:        inset 0 0 30px rgba(124,243,255,0.12),        0 10px 30px rgba(0,0,0,0.45);    text-align:justify;}.contentx:before {    content:"❦";    position:absolute;    top:-28px;    left:50%;    transform:translateX(-50%);    font-size:42px;    color:#7cf3ff;    opacity:0.65;    letter-spacing:10px;    text-shadow:0 0 20px rgba(255,95,210,0.5);}.contentx:after {    content:"";    position:absolute;    inset:0;    pointer-events:none;    background:repeating-linear-gradient(        45deg,        rgba(255,255,255,0.02),        rgba(255,255,255,0.02) 2px,        rgba(0,0,0,0.02) 4px    );    opacity:0.25;}.content-divider {    margin:60px auto;    width:60%;    height:1px;    background:linear-gradient(        90deg,        transparent,        rgba(124,243,255,0.5),        rgba(255,95,210,0.5),        transparent    );    position:relative;}.content-divider:after {    content:"✦";    position:absolute;    top:-12px;    left:50%;    transform:translateX(-50%);    font-size:16px;    color:#ff5fd2;    opacity:0.85;    text-shadow:0 0 8px rgba(124,243,255,0.6);}.contentx blockquote {    position:relative;    margin:40px 0;    padding:35px 45px;    background:rgba(11,16,38,0.7);    color:#e9ecff;    font-size:20px;    line-height:36px;    font-style:italic;    border-left:8px solid #ff5fd2;    border-radius:24px;    box-shadow:0 0 25px rgba(124,243,255,0.25);}.contentx blockquote:before {    content:"❝";    position:absolute;    top:-20px;    left:22px;    font-size:70px;    color:#7cf3ff;    opacity:0.35;}.contentx h1 {    display:inline-block;    margin:0 auto 40px auto;    padding:16px 34px;    font-size:26px;    letter-spacing:4px;    color:white;    background:linear-gradient(135deg,#4b3ca7,#ff5fd2);    border-radius:20px;    box-shadow:0 0 25px rgba(255,95,210,0.45);    transform:rotate(-1deg);}.contentx input,.contentx select,.contentx textarea {    width:40%;    min-height:68px;    padding:18px 20px;    background:rgba(255,255,255,0.06);    color:#e9ecff;    font-size:17px;    border-radius:14px;    border:1px solid rgba(124,243,255,0.3);    box-shadow:0 0 18px rgba(124,243,255,0.15);    transition:all 0.25s ease;}.contentx textarea {    min-height:180px;    resize:vertical;}.contentx input:focus,.contentx select:focus,.contentx textarea:focus {    outline:none;    border-color:#ff5fd2;    box-shadow:        0 0 0 3px rgba(255,95,210,0.35),        0 0 25px rgba(124,243,255,0.4);}@media (max-width:1024px) {    #container { width:90%; }    .contentx input,    .contentx select,    .contentx textarea { width:90%; }    #navigation { width:90%; }}@media (max-width:600px) {    .contentx { padding:25px 15px; font-size:14px; }    #navigation a { display:block; margin:8px 0; }}