:root{--text-color: #ffffff;--bg-color: #090909;--card-bg: rgba(26, 58, 218, .185);--card-border: rgba(255, 255, 255, .1);--nav-bg: rgba(255, 255, 255, .1);--nav-border: rgba(255, 255, 255, .2);--nav-hover: rgba(255, 255, 255, .2);--accent-color: #45a5ff;--shadow-color: rgba(0, 0, 0, .349);--title-shadow: #1f1f1f;--btn-bg-1: hsla(0, 0%, 100%, 0);--btn-bg-2: hsla(0, 0%, 100%, 0);--btn-bg-3: #077ac7;--btn-bg-4: #6b21ef;--grid-color: rgba(255, 255, 255, .03);--ray-color: rgba(69, 165, 255, .15)}[data-theme=light]{--text-color: #3b3b3b;--bg-color: #e8e8e8;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(0, 0, 0, .1);--nav-bg: rgba(44, 44, 44, .05);--nav-border: rgba(0, 0, 0, .1);--nav-hover: rgba(0, 0, 0, .1);--accent-color: #0066cc;--shadow-color: rgba(0, 0, 0, .1);--title-shadow: rgba(0, 0, 0, .1);--btn-bg-3: #0066cc;--btn-bg-4: #6b21ef;--grid-color: rgba(0, 0, 0, .05);--ray-color: rgba(255, 253, 205, .723)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;min-height:100vh;position:relative;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;background-attachment:fixed}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0%,var(--ray-color),transparent 70%);box-shadow:inset 0 0 100px #0000001a}.shiny-gradient-btn{--bg-color-1: var(--btn-bg-1);--bg-color-2: var(--btn-bg-2);--bg-color-3: var(--btn-bg-3);--bg-color-4: var(--btn-bg-4);position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:39px;padding:0 1.5rem;border-radius:.5rem;border:none;font-family:Rubik,sans-serif;font-weight:400;font-size:14px;letter-spacing:.3px;color:#fff;text-align:center;text-decoration:none;white-space:nowrap;background:linear-gradient(to bottom,var(--bg-color-1),var(--bg-color-2)),linear-gradient(141deg,var(--bg-color-3),var(--bg-color-4));box-shadow:inset 0 1px 1px #fff3,0 1px 2px #08080833,0 4px 4px #08080814,0 7px 0 -12px var(--btn-bg-3),inset 0 6px 12px #ffffff1f;transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94),--bg-color-1 .3s linear,--bg-color-2 .3s linear,--bg-color-3 .3s linear,--bg-color-4 .3s linear}.shiny-gradient-btn:hover{--bg-color-1: hsla(0, 0%, 100%, .1);cursor:pointer}.content-card{display:flex;flex-direction:column;height:100%;gap:1rem;padding:2.5rem 2rem;background-color:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:12px;color:var(--text-color)}@media(min-width:768px){.content-card{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width:1024px){.content-card{padding-top:3rem}}section{padding:4rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media(max-width:768px){section{padding:2rem 1rem}}.title{color:var(--text-color);font-size:2.5rem;text-align:center;text-shadow:1px 1px 2px var(--title-shadow)}.grid_container{display:grid;gap:20px;margin:auto;padding:0 20px}.card_grid{color:var(--text-color);text-align:center;transition:transform .2s}.card_grid img{display:block}.social-icons{display:flex;justify-content:center;align-items:center;gap:15px}.social-icon{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border:2px solid var(--text-color);background-color:transparent;border-radius:50%;font-size:2rem;color:var(--text-color);box-shadow:0 3px 6px var(--shadow-color);text-decoration:none;transition:color .3s,border-color .3s}.social-icon:hover{color:var(--accent-color);border:2px solid var(--accent-color)}.category_card{color:var(--text-color);padding:2px 10px;border-radius:8px}.sub_category{display:flex;align-items:center;font-size:1rem;white-space:nowrap;padding:0 1rem;color:var(--text-color)}.sub_category i{font-size:2rem;margin-right:10px}.bgeffects{border-top:1px solid rgba(160,160,160,.295);border-left:1px solid rgba(160,160,160,.22);border-right:1px solid rgba(160,160,160,.22);border-bottom:1px solid rgba(160,160,160,.08);border-radius:8px;background:#ffffff05;backdrop-filter:blur(5px);box-shadow:inset 0 24px 48px #c7d3ea11,inset 0 1px 1px #c7d3ea1f}[data-theme=light] .bgeffects{background:#0000000d;box-shadow:inset 0 24px 48px #0000000d,inset 0 1px 1px #0000001a;border-color:#0000001a}