*{box-sizing:border-box}html{font-size:clamp(14px,1vw,18px)}:root{--header-height:50px;--root-gradient-1:#3b82f629;--root-gradient-2:#0ea5e91f;--root-gradient-3:#6366f124;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}:root[data-theme=light]{--color-bg-page:#f4f7fb;--color-bg-body:#fff;--color-text-primary:#000;--color-text-secondary:#5b6473;--color-text-muted:#475569;--color-topbar-bg:var(--color-bg-page);--color-topbar-text:#000;--color-nav-link:#000;--color-nav-link-active:#000;--color-surface:#fff;--color-surface-muted:#f9fbff;--chat-input-border:1px solid var(--color-border);--color-border:#c8d2df;--color-border-muted:#d7dce3;--color-primary:#2563eb;--about-accent:#3b82f6;--mc-accent:#3b82f6;--mc-text:#000;--color-error:#b91c1c;--color-send-btn:#000;--color-send-btn-disabled:#94a3b8;--color-primary-contrast:#fff;--color-danger:#b91c1c;--color-topbar-hover:#ffffff29;--shadow-card:0 8px 24px #141f380f}:root[data-theme=dark]{--color-bg-page:#000;--color-bg-body:#0b1220;--color-text-primary:#e2e8f0;--color-text-secondary:#b4c0d3;--color-text-muted:#94a3b8;--color-topbar-bg:#080808;--color-topbar-text:#e2e8f0;--color-nav-link:#94a3b8;--color-nav-link-active:#f8fafc;--color-surface:#111827;--color-surface-muted:#202020;--chat-input-border:transparent;--color-border:#334155;--color-border-muted:#273449;--color-primary:#60a5fa;--about-accent:#60a5fa;--mc-accent:#ff0404;--mc-text:#e2e8f0;--color-error:#f87171;--color-send-btn:#fff;--color-send-btn-disabled:#475569;--color-primary-contrast:#0b1220;--color-danger:#f87171;--color-topbar-hover:#94a3b833;--shadow-card:0 10px 28px #02061780}body{background:var(--color-bg-body);color:var(--color-text-primary);margin:0;transition:background-color .2s,color .2s}#root{background-color:var(--color-bg-page);min-height:100svh}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{background:color-mix(in srgb, black 10%, var(--color-bg-page) 70%);width:8px}::-webkit-scrollbar-thumb{background-color:var(--color-send-btn);border-radius:4px;transition:background-color .3s}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary);cursor:pointer}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}.content-grid{gap:20px;display:grid}.content-grid.narrow{max-width:520px}.section-title-wrap h1,.card h1{margin:0 0 8px}.subtitle{color:var(--color-text-secondary);margin:0}.inline-links{gap:12px;margin:0;padding:0;list-style:none;display:flex}.inline-links a{color:var(--color-primary);text-decoration:none}.form-grid{gap:8px;display:grid}input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font:inherit;border-radius:8px;padding:10px 12px}.primary-button{background:var(--color-primary);width:fit-content;color:var(--color-primary-contrast);cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-weight:600}.primary-button:disabled{opacity:.7;cursor:not-allowed}.error-text{color:var(--color-danger);margin:0}.link-button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0}.layout-root{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.topbar{z-index:2;background:color-mix(in srgb, var(--color-topbar-bg) 0%, transparent 100%);color:var(--color-topbar-text);height:var(--header-height);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:12px;display:flex}.brand{cursor:pointer;font-size:1.5rem;font-weight:700;transition:font-size .2s}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--color-nav-link);border-bottom:2px solid #0000;text-decoration:none;transition:border-color .3s}.nav-links a:hover{border-bottom:2px solid var(--color-nav-link)}.nav-links a.active{color:var(--color-nav-link-active)}.page-container{width:min(1300px,100%);margin:0 auto}.footer{max-width:100%;color:var(--color-text-muted);box-shadow:0 -1px 4px color-mix(in srgb, var(--color-border) 16%, transparent);flex-direction:column;padding:10px 20px;display:flex}.footer-divider{background:color-mix(in srgb, var(--color-border) 50%, transparent 50%);height:1px;margin:40px 0 0}.footer__copyright{text-align:center;font-size:.8rem}.footer h3{margin:0 0 10px;font-size:1.1rem}.footer p{margin:4px 0 0;font-size:.9rem}.footer__content{flex-direction:row;justify-content:space-around;align-items:start;gap:15px;display:flex}.social-links h3{text-align:center}.social-links__btn-group{grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:10px;display:grid}.social-links__social-btn{width:35px;max-width:200px;height:35px;color:var(--social-color,var(--color-text-primary));background:var(--social-bg,transparent);text-transform:capitalize;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s,background .3s,border-color .5s,transform .2s,opacity .3s;display:inline-flex}.social-links__social-btn:hover{background:color-mix(in srgb, var(--about-accent) 20%, transparent 80%);border-color:color-mix(in srgb, var(--about-accent) 55%, var(--color-border-muted))}.social-links__social-btn svg{fill:currentColor;scale:.9}.social-links__social-btn--facebook{--social-color:#1877f2;--social-bg:#1877f224;background:#fff}.social-links__social-btn--facebook:hover{color:#fff;background:#1877f2;border-color:#155cba}.social-links__social-btn--instagram{--social-color:#fdfdfd;color:#ff1493;--social-bg:linear-gradient(135deg, #515bd4 0%, #8134af 35%, #dd2a7b 65%, #feda77 100%);background:#fff}.social-links__social-btn--instagram:hover{color:#fff;background:linear-gradient(135deg,#3f4bc4 0%,#6f2d9f 35%,#ca226d 65%,#f8c85b 100%);border-color:#8f235b}.social-links__social-btn--github,.social-links__social-btn--x{--social-color:color-mix(in srgb, #111827 86%, var(--color-text-primary) 14%);--social-bg:#1118271f;background:#fff}.social-links__social-btn--github:hover,.social-links__social-btn--x:hover{color:#fff;background:#101010;border-color:#515662}.social-links__social-btn--x svg,.social-links__social-btn--linkedin svg{fill:currentColor;scale:.8}.social-links__social-btn--linkedin{--social-color:#0a66c2;--social-bg:#0a66c224;background:#fff}.social-links__social-btn--linkedin:hover{color:#fff;background:#0a66c2;border-color:#0b5097}.social-links__social-btn span,.social-links__social-btn svg{border-radius:4px;width:25px;height:25px}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-links__nav{flex-direction:column;display:flex}.footer-links a{color:var(--color-text-primary);border-bottom:1px solid #0000;text-decoration:none;transition:border-bottom-color .3s}.footer-links a:hover{border-bottom:1px solid var(--color-text-primary)}.theme-toggle{--fill-color:color-mix(in srgb, var(--color-primary) 90%, transparent 10%);--toggle-track-width:54px;--toggle-track-height:30px;--toggle-thumb-size:22px;--toggle-track-padding:4px;--toggle-shift:calc(var(--toggle-track-width) - var(--toggle-thumb-size) - (var(--toggle-track-padding) * 2));border:1px solid var(--color-border-muted);color:var(--color-topbar-text);cursor:pointer;font:inherit;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:background-color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.theme-toggle:hover{background:var(--color-topbar-hover);border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border-muted))}.theme-toggle[aria-pressed=false] .bi-brightness-high-fill{color:var(--fill-color);transform:translate(27px)scale(1.2)}.bi-moon-fill,.bi-brightness-high-fill{transition:transform .25s,scale .25s,color .25s}.theme-toggle[aria-pressed=false] .bi-moon-fill{transform:translate(-28px)scale(.6)}.theme-toggle[aria-pressed=true] .bi-brightness-high-fill{scale:.6}.theme-toggle[aria-pressed=true] .bi-moon-fill{color:#f1ee38}.theme-toggle__label{text-align:left;letter-spacing:.01em;min-width:38px;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-card h3{color:var(--color-text-muted);margin:0}.stat-value{margin:8px 0 0;font-size:32px;font-weight:700}.scroll-down-button{width:35px;height:35px;color:color-mix(in srgb, var(--color-send-btn) 80%, transparent);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;animation:1.5s infinite bounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-down-button:hover{color:var(--color-primary)}.scroll-down-button svg{width:25px;height:25px}@keyframes bounce{0%,25%,75%,to{transform:translate(-50%,-6px)}50%{transform:translate(-50%)}}.home-chat__container{height:calc(100svh - var(--header-height));flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.home-chat__chat-header{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.home-chat__container h1{text-align:center;margin:0}.home-chat__title{text-shadow:0 2px 4px color-mix(in srgb, var(--color-primary) 40%, transparent), 0 4px 8px color-mix(in srgb, var(--color-primary-contrast) 20%, transparent);opacity:0;margin:0;font-size:2rem;animation:.7s ease-out .3s forwards homeTitleEnter;transform:translateY(14px)scale(.98)}@keyframes homeTitleEnter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.home-chat__title{opacity:1;animation:none;transform:none}}.home-chat__container p{margin:0}.home-chat__chat-input-wrapper{border:var(--chat-input-border);background:color-mix(in srgb, var(--color-surface-muted) 40%, transparent 60%);border-radius:30px;align-items:flex-end;gap:8px;width:100%;max-width:700px;padding:10px 8px;transition:width .7s .1s,background .3s,border-color .3s,box-shadow .3s;display:flex}.home-chat__chat-input-wrapper--default #text-redirect-input{min-height:38px;max-height:38px}.home-chat__chat-input-wrapper--default{width:500px}.home-chat__chat-input-wrapper:not(.home-chat__chat-input-wrapper--default){box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 20%, transparent), 0 8px 24px color-mix(in srgb, var(--color-primary-contrast) 10%, transparent)}@media (width<=768px){.home-chat__chat-input-wrapper{max-width:90vw}.home-chat__chat-input-wrapper--default{width:70vw}}.home-chat__chat-input{font:inherit;flex:auto;display:flex;position:relative}.home-chat__chat-input-placeholder{color:color-mix(in srgb, var(--color-text-primary) 70%, transparent);pointer-events:none;transition:opacity .3s;position:absolute;top:19px;left:12px;transform:translateY(-50%)}.home-chat__chat-input textarea:not(:placeholder-shown)+.home-chat__chat-input-placeholder{opacity:0}#text-redirect-input{color:var(--color-text-primary);width:100%;font:inherit;resize:none;background:0 0;border:none;border-radius:8px;min-height:80px;max-height:150px;padding:10px 12px;line-height:1.5;transition:height .3s,min-height .3s,max-height .3s;overflow-y:hidden}#text-redirect-input:focus{outline:none}.home-chat__chat-button-redirect{background:var(--color-send-btn);width:37px;height:37px;color:var(--color-primary-contrast);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:200;transition:background .3s,transform .3s;display:flex}.home-chat__chat-button-redirect:disabled{opacity:.7;cursor:default;background:var(--color-send-btn-disabled)}.home-chat__chat-button-redirect:hover:not(:disabled){background:var(--color-primary);transform:rotate(-45deg)}.home-chat__chat-button-redirect.loading{animation:.3s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-project__container{height:calc(100svh - var(--header-height));flex-direction:column;gap:16px;padding:0 30px;display:flex}.home-project__project-wrapper{border-radius:12px;flex-direction:column;gap:5px;max-height:80%;display:flex;overflow-y:auto}.home-project__project-wrapper::-webkit-scrollbar{background:0 0;width:4px}.home-project__project-wrapper::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .3s}.home-project__project-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-primary);cursor:pointer}.home-project__header{justify-content:space-between;align-items:center;margin-top:20px;padding:0 8px;display:flex}.home-project__header h2{margin:0;font-size:1.7rem}.home-project__header-buttons{gap:12px;display:flex}.home-project__header-buttons button{color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 14px;font-weight:600;transition:background .3s,border-color .3s,color .3s}.home-project__header-buttons button:hover{background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary)}.home-project__project{background:color-mix(in srgb, var(--color-surface) 70%, transparent 30%);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:8px;transition:background .2s;display:flex;position:relative}.home-project__project:hover{background:var(--color-surface-muted)}.home-project__project .project-author{flex-direction:row;align-items:center;gap:20px;display:flex}.home-project__project .project-author h2{margin:0;font-size:1.4rem}.home-project__project .project-content p{color:color-mix(in srgb, var(--color-text-primary) 75%, transparent 25%);margin:0;font-weight:400}.project-image{object-fit:cover;border-radius:8px;align-self:start;margin-top:5px}.project-image img{object-fit:cover;border-radius:8px;width:80px;height:80px;transition:height .3s}.placeholder-image{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:50%;border-radius:8px;width:80px;height:80px}@media (width<=480px){.home-project__project .project-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.project-image img,.placeholder-image{width:60px;height:60px}.tech-item:nth-child(n+4){display:none}.tech:after{content:"...";letter-spacing:1px;color:var(--color-text-secondary);background:0 0;font-size:12px;display:none;transform:translateY(-1px)}.tech:has(.tech-item:nth-child(5)):after{display:inline-block}}.tech{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.tech-item{background:color-mix(in srgb, var(--color-surface-muted) 20%, transparent 80%);max-height:25px;color:var(--color-text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;line-height:1;display:inline-flex}.tech-item>div{justify-content:center;align-items:center;display:inline-flex}.tech-item{gap:2px}.tech-item svg{width:16px;height:16px;margin:0;display:block}@media (width<=480px){.tech-item{max-height:20px;padding:2px 4px;font-size:.85rem}.tech-item svg{width:12px;height:12px}}.project-info{opacity:0;flex-direction:column;align-self:flex-start;align-items:flex-start;gap:6px;width:100%;max-width:17vw;transition:opacity .4s;display:flex}.home-project__project:hover .project-info{opacity:1}.project-info .initial-release,.project-info .last-updated{color:color-mix(in srgb, var(--color-text-primary) 70%, transparent 30%);flex-direction:row;align-self:flex-end;gap:5px;font-size:14px;display:flex}.project-info svg{align-self:flex-start;width:22px;height:22px;margin:0;display:block}.redirect{align-self:flex-end;gap:8px;display:flex}.redirect-btn{background:var(--color-send-btn);min-width:50px;max-width:120px;height:35px;color:var(--color-primary-contrast);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:10px;font-weight:700;transition:background .3s,transform .3s,width .3s;display:flex}.redirect-btn:hover{background:var(--color-primary);transform:scale(1.05)}@media (width<=480px){.project-info .initial-release,.project-info .last-updated{font-size:.9rem}.project-info svg{width:15px;height:15px}.redirect-btn{min-width:40px;max-width:100px;height:30px;font-size:.85rem}}.home-about__container{--transition-duration:.3s;min-height:calc(100svh - var(--header-height));flex-direction:column;gap:16px;padding:0 30px 30px;display:flex}.home-about__header{justify-content:space-between;align-items:center;margin-top:20px;padding:0 8px;display:flex}.home-about__header h2{margin:0;font-size:24px}.home-about__grid{border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.home-about__card{border:1px solid color-mix(in srgb, var(--color-border) 28%, var(--color-border-muted));background:color-mix(in srgb, var(--color-surface) 70%, transparent 30%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;min-height:330px;padding:20px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.home-about__card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--about-accent) 38%, transparent) 0%, transparent 70%);pointer-events:none;width:180px;height:180px;position:absolute;inset:-60% auto auto -20%}.home-about__card:hover{border:1px solid color-mix(in srgb, var(--about-accent) 58%, var(--color-border-muted))}.home-about__experience-badge{--badge-bg:color-mix(in srgb, var(--color-border) 14%, transparent 86%);--badge-color:color-mix(in srgb, var(--color-border) 72%, var(--color-text-primary));--badge-border:color-mix(in srgb, var(--color-border) 32%, var(--color-border-muted))}.home-about__card:hover .home-about__experience-badge{--badge-bg:color-mix(in srgb, var(--about-accent) 14%, transparent 86%);--badge-color:color-mix(in srgb, var(--about-accent) 72%, var(--color-text-primary));--badge-border:color-mix(in srgb, var(--about-accent) 32%, var(--color-border-muted))}.home-about__experience-badge{z-index:1;letter-spacing:.02em;color:var(--badge-color);background:var(--badge-bg);border:1px solid var(--badge-border);transition:color var(--transition-duration) ease, background var(--transition-duration) ease, border-color var(--transition-duration) ease;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.home-about__main{grid-template-columns:112px 1fr;align-items:start;gap:30px;display:grid}.home-about__avatar-wrap{justify-content:center;align-items:flex-start;display:flex}.home-about__avatar{--avatar-border:color-mix(in srgb, var(--color-border) 65%, #fff 35%);--avatar-shadow:color-mix(in srgb, var(--color-border) 22%, transparent)}.home-about__card:hover .home-about__avatar{--avatar-border:color-mix(in srgb, var(--about-accent) 85%, #fff 15%);--avatar-shadow:color-mix(in srgb, var(--about-accent) 32%, transparent)}.home-about__avatar{object-fit:cover;border:3px solid var(--avatar-border);width:90px;height:90px;box-shadow:0 10px 28px var(--avatar-shadow);transition:border-color var(--transition-duration) ease, box-shadow var(--transition-duration) ease;border-radius:50%;margin-top:10px;transform:translateY(-8px)}@media (width<=1024px){.home-about__avatar{width:104px;height:104px;transform:translateY(-4px)}}.home-about__avatar--placeholder{background:var(--color-surface-muted)}.home-about__content{flex-direction:column;gap:8px;min-height:0;display:flex}.home-about__identity{flex-direction:column;gap:4px;display:flex}.home-about__name{margin:0;font-size:1.6rem;font-weight:800;line-height:1.25}.home-about__role{--role-color:color-mix(in srgb, var(--color-text-primary) 70%, transparent 30%)}.home-about__card:hover .home-about__role{--role-color:color-mix(in srgb, var(--about-accent) 70%, var(--color-text-secondary))}.home-about__role{color:var(--role-color);transition:color var(--transition-duration) ease;margin:0;font-size:.95rem;font-weight:600;line-height:1.25}.home-about__bio{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.35}.home-about__meta-list{flex-direction:column;gap:3px;display:flex}.home-about__meta-item{text-align:center;color:var(--color-text-secondary);align-items:center;gap:3px;margin:0;font-size:12px;display:inline-flex}.home-about__meta-item svg{--icon-color:color-mix(in srgb, var(--color-border) 68%, var(--color-text-secondary))}.home-about__card:hover .home-about__meta-item svg{--icon-color:color-mix(in srgb, var(--about-accent) 68%, var(--color-text-secondary))}.home-about__meta-item svg{width:14px;height:14px;color:var(--icon-color);transition:color var(--transition-duration) ease;display:block}.home-about__tech{margin-top:0}.home-about__socials{z-index:1;background:color-mix(in srgb, var(--color-surface) 20%, transparent 80%);border-radius:999px;justify-content:center;align-self:center;gap:32px;margin-top:auto;padding:6px 10px;transition:background .3s,gap .3s,padding .3s;display:flex;position:relative}@media (width<=480px){.home-about__socials{gap:10px;padding:1px 2px;scale:.9}}.home-about__social-btn{opacity:0;max-width:200px;height:32px;color:var(--social-color,var(--color-text-primary));background:var(--social-bg,transparent);text-transform:capitalize;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:15px 10px;font-size:.9rem;font-weight:600;transition:color .3s,background .3s,border-color .5s,transform .2s,opacity .3s;display:inline-flex}.home-about__card:hover .home-about__social-btn{opacity:1}@media (width<=480px){.home-about__social-btn{opacity:1}}.home-about__card{cursor:pointer}.home-about__social-btn:hover{background:color-mix(in srgb, var(--about-accent) 20%, transparent 80%);border-color:color-mix(in srgb, var(--about-accent) 55%, var(--color-border-muted));transform:translateY(-1px)}.home-about__social-btn svg{fill:currentColor}.home-about__social-btn--facebook{--social-color:#1877f2;--social-bg:#1877f224;background:#fff}.home-about__social-btn--facebook:hover{color:#fff;background:#1877f2;border-color:#155cba}.home-about__social-btn--instagram{--social-color:#fdfdfd;color:#ff1493;--social-bg:linear-gradient(135deg, #515bd4 0%, #8134af 35%, #dd2a7b 65%, #feda77 100%);background:#fff}.home-about__social-btn--instagram:hover{color:#fff;background:linear-gradient(135deg,#3f4bc4 0%,#6f2d9f 35%,#ca226d 65%,#f8c85b 100%);border-color:#8f235b}.home-about__social-btn--github,.home-about__social-btn--x{--social-color:color-mix(in srgb, #111827 86%, var(--color-text-primary) 14%);--social-bg:#1118271f;background:#fff}.home-about__social-btn--github:hover,.home-about__social-btn--x:hover{color:#fff;background:#101010;border-color:#515662}.home-about__social-btn--x svg,.home-about__social-btn--linkedin svg{fill:currentColor;scale:.8}.social-links__social-btn--youtube{--social-color:color-mix(in srgb, #111827 86%, var(--color-text-primary) 14%);color:red;--social-bg:#111827;background:#fff}.social-links__social-btn--youtube:hover{color:#fff;background:red;border-color:#515662}.home-about__social-btn--linkedin{--social-color:#0a66c2;--social-bg:#0a66c224;background:#fff}.home-about__social-btn--linkedin:hover{color:#fff;background:#0a66c2;border-color:#0b5097}.home-about__social-btn span,.home-about__social-btn svg{border-radius:4px;width:25px;height:25px;margin-right:6px}@media (width<=768px){.home-about__grid{grid-template-columns:1fr}.home-about__card{min-height:0;padding:16px}.home-about__main{grid-template-columns:88px 1fr;gap:12px}.home-about__avatar{width:88px;height:88px;transform:translateY(-4px)}.home-about__name{font-size:20px}}@media (width>=1024px){.home-page__project-about-wrapper{gap:10px;display:flex}.home-project__container{flex:6.5;min-width:0;padding:0 0 0 20px}.home-about__container{max-height:calc(100svh - var(--header-height));flex:3.5;min-width:0;padding:0}.home-about__container .home-about__grid{max-height:calc(90svh - var(--header-height) - 60px);background:0 0;grid-template-columns:repeat(1,minmax(0,1fr));overflow-y:auto}.home-about__container .home-about__card{padding:20px 10px}.home-about__socials{gap:8px;padding:2px}.home-about__main{gap:5px}.home-about__grid::-webkit-scrollbar{background:0 0;width:4px}.home-about__grid::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .3s}.home-about__grid::-webkit-scrollbar-thumb:hover{background:var(--color-primary);cursor:pointer}}.minecraft-server-page{--grid-size:25px;--grid-line-width:1px;--grid-total-step:calc(var(--grid-size) + var(--grid-line-width));--mc-secondary:black;--mc-bg-motion-intensity:1;--mc-bg-drift-duration:30s;--mc-bg-pattern-duration:24s;--mc-bg-pattern-opacity:.1;--mc-surface-blur:10px;--mc-button-blur:2px;--mc-surface-glow:3px;--mc-button-glow:120px;--mc-title-glow:20px;--mc-playnow-heartbeat:heartBeat 2s ease-in-out infinite;--mc-hero-glow-opacity:1;--font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";max-width:100dvw;font-family:var(--font-family), monospace;color:var(--mc-text);position:relative;overflow:hidden}.minecraft-server-container{background:var(--mc-secondary);isolation:isolate;position:relative;overflow:hidden}.minecraft-server-container:before,.minecraft-server-container:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:-20%}.minecraft-server-container:before{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--mc-secondary) 88%, #fff 12%) 0%, transparent 40%), radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--mc-secondary) 94%, #fff 6%) 0%, transparent 36%), radial-gradient(circle at 50% 80%, color-mix(in srgb, var(--mc-secondary) 92%, #000 8%) 0%, transparent 44%), linear-gradient(160deg, color-mix(in srgb, var(--mc-secondary) 96%, #000 4%) 0%, var(--mc-secondary) 100%);transform:translate3d(0, 0, 0) scale(calc(1.06 + (.02 * var(--mc-bg-motion-intensity))))}.minecraft-server-container:after{background:linear-gradient(to bottom, #000 0%, transparent 15%, transparent 85%, #000 100%), repeating-linear-gradient(to right, rgb(from var(--mc-secondary) r g b / 0) 0 var(--grid-size), color-mix(in srgb, var(--mc-accent) 60%, var(--mc-secondary)) var(--grid-size) var(--grid-total-step)), repeating-linear-gradient(to bottom, rgb(from var(--mc-secondary) r g b / 0) 0 var(--grid-size), color-mix(in srgb, var(--mc-accent) 60%, var(--mc-secondary)) var(--grid-size) var(--grid-total-step)), radial-gradient(circle at 70% 35%, color-mix(in srgb, var(--mc-secondary) 100%, transparent) 0%, var(--mc-secondary) 60%);opacity:var(--mc-bg-pattern-opacity);transform:translate(0,0)scale(1.12)}.minecraft-server-container>*{z-index:1;position:relative}.minecraft-server-page span{font-size:1.2rem}.minecraft-server__title-wrapper,.playnow-wrapper{background-image:url(https://mcplow.net/hero.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100svh;display:flex;position:relative}.title-wrapper__filter-layer,.playnow-wrapper__filter-layer{pointer-events:none;background-image:  linear-gradient(to bottom, var(--mc-secondary), rgb(from var(--mc-secondary) r g b / 0) 40%),  linear-gradient(to top, var(--mc-secondary), rgb(from var(--mc-secondary) r g b / 0) 50%),  linear-gradient(to bottom, rgb(from var(--mc-secondary) r g b / .1), rgb(from var(--mc-secondary) r g b / .4));position:absolute;inset:0}.title-wrapper__glow-layer,.playnow-wrapper__glow-layer{pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--mc-accent) 20%, transparent) 0%, transparent 70%);width:600px;height:600px;opacity:var(--mc-hero-glow-opacity);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-wrapper__title,.playnow-wrapper__title{z-index:10;color:color-mix(in srgb, var(--mc-accent) 80%, var(--mc-text));letter-spacing:12px;text-transform:uppercase;text-align:center;text-shadow:0 0 var(--mc-title-glow) var(--mc-accent);margin:0;font-size:5rem;font-weight:bolder;line-height:60px;transition:text-shadow .3s}@media (width<=768px){.title-wrapper__title{letter-spacing:8px;font-size:4rem;line-height:50px}}@media (width<=480px){.title-wrapper__title{letter-spacing:4px;font-size:3rem;line-height:40px}}.title-wrapper__slogan,.playnow-wrapper__description{z-index:1;color:color-mix(in srgb, var(--mc-text) 60%, transparent);text-align:center;margin:20px 0;padding:0 20px;font-weight:500;font-size:1.3rem!important}.mc-server-toast{z-index:100;background:color-mix(in srgb, var(--mc-accent) 10%, var(--color-bg-page));opacity:0;pointer-events:none;border-radius:8px;padding:.75rem 1.5rem;transition:opacity .3s,box-shadow .3s,transform .3s;position:absolute;top:20px;left:50%;transform:translate(-50%)translateY(-50px)}.mc-server-toast.show{opacity:1;pointer-events:auto;box-shadow:0 0 12px var(--mc-accent);transform:translate(-50%)translateY(0)}.mc-server-toast.toast-error{background:color-mix(in srgb, var(--color-error) 40%, var(--color-bg-page));border:1px solid var(--color-error);box-shadow:0 0 12px var(--color-error)}.title-wrapper__btn-group{justify-content:center;align-items:center;gap:.5rem;display:flex}.ip-copy__button,.ip-playnow__button{-webkit-backdrop-filter:blur(var(--mc-button-blur));backdrop-filter:blur(var(--mc-button-blur));cursor:pointer;background:color-mix(in srgb, var(--mc-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent) 55%, transparent);width:auto;height:50px;box-shadow:0 0 var(--mc-button-glow) color-mix(in srgb, var(--mc-accent) 70%, transparent);border-radius:12px;justify-content:center;align-items:center;gap:.25rem;padding:.25rem 2rem;transition:background .3s,color .3s,box-shadow .5s,scale .3s;display:flex}.ip-copy__button:hover{background:color-mix(in srgb, var(--mc-accent) 80%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 0 12px var(--mc-accent);color:var(--color-send-btn);scale:.97}.ip-copy__button svg{width:16px;height:16px;margin-left:.25rem;display:block}.ip-copy__button span{color:var(--mc-text)}.ip-playnow__button{color:var(--mc-text);text-transform:uppercase;background:color-mix(in srgb, var(--mc-accent) 90%, transparent);border:2px solid color-mix(in srgb, var(--mc-text) 90%, transparent);animation:var(--mc-playnow-heartbeat);font-size:1rem;font-weight:700;transition:background .3s,color .3s,box-shadow .5s,scale .3s}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(.95)}75%{transform:scale(1.05)}}.ip-playnow__button:hover{color:var(--mc-accent);background:color-mix(in srgb, var(--mc-text) 100%, transparent);box-shadow:0 0 12px var(--mc-accent);text-shadow:0 0 20px var(--mc-accent);border:2px solid color-mix(in srgb, var(--mc-accent) 90%, transparent);animation:none;scale:1.1}.statistic__card{--statistic__card-border-radius:4px;box-shadow:0 0 var(--mc-surface-glow) color-mix(in srgb, var(--mc-accent) 90%, transparent);cursor:pointer;z-index:1;background:color-mix(in srgb, var(--mc-accent) 10%, transparent);-webkit-backdrop-filter:blur(var(--mc-surface-blur));backdrop-filter:blur(var(--mc-surface-blur));border-radius:var(--statistic__card-border-radius);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;margin-top:20px;transition:background .3s,box-shadow .3s,scale .3s;position:absolute;bottom:10%}.server-item__thumbnail{border-radius:var(--statistic__card-border-radius) 0 0 var(--statistic__card-border-radius)}.statistic__card:hover{background:color-mix(in srgb, var(--mc-accent) 70%, var(--badge-bg));box-shadow:0 0 12px var(--mc-accent);scale:1.05}.statistic-alive{justify-content:center;align-items:center;gap:.25rem;display:flex}.statistic-alive svg{width:30px;height:30px}.statistic__online{justify-content:center;align-items:center;gap:.25rem;display:flex}.server-item{font-family:Consolas,Courier New,monospace}.server-item__motd{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.server-item__motd-line{width:100%;display:block}.server-item__motd-text{white-space:pre-wrap;color:color-mix(in srgb, var(--mc-text) 90%, #fff);font-weight:700;display:inline-block;font-size:1rem!important}@media (width<=480px){.server-item__motd-text{word-spacing:-.4em;font-size:.65rem!important}.server-item__motd-line{line-height:12px}}@media (width<=768px){.server-item__motd-text{font-size:.8rem!important}.server-item__motd-line{line-height:14px}}.server-item__motd-text--gradient{color:#0000;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text}.server-item{background:0 0;border-radius:12px;flex-direction:row;display:flex}.server-item__ping{justify-content:center;align-items:center;display:flex}.server-item__ping svg{width:15px;height:15px;display:block}.server-item__content{flex-direction:row;justify-content:space-between;gap:.25rem;padding:0 .5rem;display:flex}.server-item__name{color:var(--mc-text);font-size:.9rem;font-weight:500}.server-item__meta{letter-spacing:-.02rem;word-spacing:-.3rem;color:color-mix(in srgb, var(--mc-text) 70%, transparent);text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;display:flex}.server-item__separator{color:color-mix(in srgb, var(--mc-text) 20%, transparent)}.server-item__meta span{font-size:.9rem}.player_list__wrapper{background:0 0;padding:0 3rem}.player-list__player-group{border-radius:12px;grid-template-columns:repeat(4,1fr);justify-content:center;align-items:center;gap:1rem;max-height:80dvh;padding:.5rem;display:grid;overflow-y:auto}.player-list__player-card{background:color-mix(in srgb, var(--mc-accent) 10%, transparent);width:100%;-webkit-backdrop-filter:blur(var(--mc-surface-blur));backdrop-filter:blur(var(--mc-surface-blur));box-shadow:0 0 var(--mc-surface-glow) color-mix(in srgb, var(--mc-accent) 90%, transparent);border-radius:12px;flex-direction:row;justify-content:start;align-items:center;gap:1rem;padding:.5rem;display:flex}.player-list__avatar{background:color-mix(in srgb, var(--mc-accent) 10%, transparent);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:.2rem;display:flex}.player-list__avatar img{width:25px;height:25px;display:block}.player-list__name{color:var(--mc-text);font-weight:700;font-size:1rem!important}.player-list__player-group::-webkit-scrollbar{background:0 0}.player-list__player-group::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--mc-accent) 50%, transparent);border-radius:4px}.player-list__player-group::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--mc-accent) 80%, transparent)}@media (width<=1024px){.player-list__player-group{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.player-list__player-group{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.player-list__name{font-size:.9rem!important}.player-list__avatar{width:25px;height:25px}.player-list__avatar img{width:20px;height:20px}.player_list__wrapper{padding:1rem}.player-list__player-group{max-height:60dvh}.player-list__player-group::-webkit-scrollbar{background:0 0}.player-list__player-group::-webkit-scrollbar-thumb{background-color:#0000}}.minecraft-server__whychoose-wrapper{--max-width:50vw;flex-direction:row;align-items:center;gap:2rem;padding:20px 50px;display:flex}.whychoose-wrapper__title-wrapper{max-width:var(--max-width)}.whychoose-wrapper__title,.feature-wrapper__title,.version-support-wrapper__title{color:var(--mc-text);text-transform:capitalize;margin:0;font-weight:700;font-size:3rem!important}.version-support-wrapper__title,.feature-wrapper__title{font-size:2.5rem!important}.title--accent{color:var(--mc-accent);text-shadow:0 0 12px var(--mc-accent)}.whychoose-wrapper__title span{color:var(--mc-accent);text-shadow:0 0 12px var(--mc-accent);font-size:3rem;font-weight:700}.whychoose-wrapper__description{color:color-mix(in srgb, var(--mc-text) 70%, transparent);margin-top:0;font-size:1.2rem}.whychoose-wrapper__grid{width:calc(100vw - var(--max-width) - 1rem);flex-direction:column;gap:1rem;display:flex}.whychoose__card,.feature__card,.support__card{background:color-mix(in srgb, var(--mc-accent) 10%, transparent);-webkit-backdrop-filter:blur(var(--mc-surface-blur));backdrop-filter:blur(var(--mc-surface-blur));box-shadow:0 0 var(--mc-surface-glow) color-mix(in srgb, var(--mc-accent) 90%, transparent);border:1px solid #0000;border-radius:12px;flex-direction:row;justify-content:start;align-items:center;gap:1rem;padding:1rem;transition:background .3s,box-shadow .3s,scale .3s,border .3s;display:flex}.whychoose__card:hover,.feature__card:hover,.support__card:hover{background:color-mix(in srgb, var(--mc-accent) 20%, transparent);box-shadow:0 0 22px var(--mc-accent);border:1px solid color-mix(in srgb, var(--mc-accent) 100%, transparent)}.whychoose__card:hover .whychoose__card-title,.feature__card:hover .feature__card-title,.support__card:hover .support__card-title{color:color-mix(in srgb, var(--mc-accent) 10%, var(--mc-text));text-shadow:0 0 12px color-mix(in srgb, var(--mc-accent) 90%, transparent)}.whychoose__card:hover .whychoose__card-description,.feature__card:hover .feature__card-description,.support__card:hover .support__card-description{color:color-mix(in srgb, var(--mc-text) 100%, transparent)}.whychoose__card:hover .whychoose__card-icon,.feature__card:hover .feature__card-icon,.support__card:hover .support__card-icon{box-shadow:0 0 1px var(--mc-accent)}.whychoose__card:hover .whychoose__card-icon svg,.feature__card:hover .feature__card-icon svg,.support__card:hover .support__card-icon svg,.whychoose__card:hover .whychoose__card-icon img,.feature__card:hover .feature__card-icon img,.support__card:hover .support__card-icon img{filter:drop-shadow(0 0 10px var(--mc-accent));image-rendering:pixelated}.support__card:hover .support__card-version-range{color:color-mix(in srgb, var(--mc-accent) 100%, transparent);transform:translateY(-15px)}.support__card:hover .support__card-description{opacity:0}.whychoose__card-icon,.feature__card-icon,.support__card-icon{background:color-mix(in srgb, var(--mc-accent) 10%, transparent);border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;padding:.5rem;transition:background .3s,box-shadow .3s;display:flex}.whychoose__card-icon svg,.feature__card-icon svg,.support__card-icon svg,.whychoose__card-icon img,.feature__card-icon img,.support__card-icon img{width:40px;height:40px;transition:filter .3s,transform .3s;display:block}.whychoose__card-title-wrapper,.feature__card-title-wrapper{flex-direction:column;display:flex}.whychoose__card-title,.feature__card-title,.support__card-title{text-transform:capitalize;color:var(--mc-text);font-size:1.1rem;font-weight:700}.whychoose__card-description,.feature__card-description,.support__card-description{opacity:1;text-transform:capitalize;color:color-mix(in srgb, var(--mc-text) 60%, transparent);font-size:.85rem;transition:all .3s}.support__card-version-range{color:color-mix(in srgb, var(--mc-accent) 90%, transparent);font-size:.9rem;font-weight:700;transition:all .3s}.feature-wrapper{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:0 100px;display:flex}.feature-wrapper__grid,.version-support-wrapper__grid{flex-direction:row;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:3rem;width:100%;display:grid}.version-support-wrapper__grid{grid-template-columns:repeat(2,1fr)}.feature__card,.support__card{width:100%}.version-support-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;height:60svh;padding:0 100px;display:flex}.support__card{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;max-height:500px;display:flex}.support__card .support__card-title{font-size:1.8rem}.playnow-wrapper{height:75svh}.playnow-wrapper__filter-layer{background-image: linear-gradient(to bottom, var(--mc-secondary), rgb(from var(--mc-secondary) r g b / 0) 30%),  linear-gradient(to top, var(--mc-secondary), rgb(from var(--mc-secondary) r g b / 0) 30%),  linear-gradient(to bottom, rgb(from var(--mc-secondary) r g b / .1), rgb(from var(--mc-secondary) r g b / .4))}.playnow-wrapper__glow-layer{width:400px;height:400px}.playnow-wrapper__title{letter-spacing:8px;padding:0 20px;font-size:2.5rem;line-height:50px}.social-links-wrapper{flex-direction:column;justify-content:center;align-items:center;height:25svh;padding:0 100px;display:flex}.social-links-wrapper__title{color:color-mix(in srgb, var(--mc-accent) 70%, var(--mc-text));text-shadow:0 0 12px var(--mc-accent);font-size:1.5rem;font-weight:700}@media (width<=768px){.minecraft-server-page{--mc-bg-motion-intensity:.35;--mc-bg-drift-duration:44s;--mc-bg-pattern-duration:60s;--mc-bg-pattern-opacity:.14;--mc-surface-blur:0px;--mc-button-blur:0px;--mc-surface-glow:2px;--mc-button-glow:24px;--mc-title-glow:12px;--mc-playnow-heartbeat:none;--mc-hero-glow-opacity:.7}.minecraft-server__whychoose-wrapper{--max-width:10vw;flex-direction:column;height:auto;padding:0 15px}.whychoose-wrapper__title-wrapper{max-width:100%}.feature-wrapper,.version-support-wrapper{height:auto;padding:0 15px}.feature-wrapper__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.minecraft-server-container{background:var(--mc-secondary);flex-direction:column;display:flex;gap:4rem!important}.minecraft-server-container:after{animation:none;transform:none}.minecraft-server-container:before{animation:none}.version-support-wrapper__grid,.feature-wrapper__grid{padding:10px 2px}.minecraft-server__whychoose-wrapper,.feature-wrapper,.version-support-wrapper,.playnow-wrapper,.social-links-wrapper{content-visibility:auto;contain-intrinsic-size:1px 900px}}@media (width<=480px){.minecraft-server-page{--mc-bg-motion-intensity:.18;--mc-bg-pattern-opacity:.18;--mc-button-glow:16px;--mc-title-glow:8px;--mc-hero-glow-opacity:.5}.feature-wrapper__grid{grid-template-columns:1fr}.minecraft-server-container{background:var(--mc-secondary)}.minecraft-server-container:before{animation:none;transform:none;background:0 0!important}.minecraft-server-container:after{content:"";background:repeating-linear-gradient(to right, transparent 0 var(--grid-size), #ffffff1f var(--grid-size) var(--grid-total-step)), repeating-linear-gradient(to bottom, transparent 0 var(--grid-size), #ffffff1f var(--grid-size) var(--grid-total-step));animation:none;inset:0;transform:none}}@media (width<=410px){.statistic__card{scale:.96}.statistic__card:hover{scale:.98}}@media (prefers-reduced-motion:reduce){.minecraft-server-page{--mc-bg-motion-intensity:0;--mc-playnow-heartbeat:none}.minecraft-server-container:before,.minecraft-server-container:after{animation:none;transform:none}}.not-found-page{text-align:center;cursor:default;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 20px;display:flex}.not-found-page .card{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-page .card h1{width:100%;font-size:3rem;font-weight:700;transition:font-size .2s}.not-found-page .card p{opacity:0;width:100%;margin:0 0 2px;font-size:1rem;font-weight:400;transition:font-size .2s,opacity .3s}.not-found-page .card:hover p{opacity:1}.card__title{justify-content:center;align-items:center;gap:20px;margin-bottom:10px;display:flex}.card__title svg{width:110px;height:110px;transition:width .2s,height .2s;animation:2.5s infinite floatup}@media (width<=768px){.card__title svg{width:100px;height:100px}}@media (width<=480px){.card__title svg{width:80px;height:80px}}.card__title>:first-child svg{animation-delay:.6s}.card__title>:nth-child(2) svg{animation-delay:.3s}.card__title>:nth-child(3) svg{animation-delay:0s}.card__button{background-color:var(--color-send-btn);color:var(--color-primary-contrast);border-radius:4px;margin-top:10px;padding:15px 30px;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,scale .2s,padding .2s;display:inline-block}.card__button:hover{background-color:var(--color-primary);color:var(--color-text-primary);padding:15px 50px;scale:1.05}@keyframes floatup{0%{transform:translateY(0)}10%{transform:translateY(0)}35%{transform:translateY(-20px)}75%{transform:translateY(0)}90%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes fadein{0%{opacity:0}50%{opacity:0}to{opacity:1}}