@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";.app-container{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:all .3s;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.logo{align-items:center;gap:.25rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-letter{transition:transform .3s,color .3s;display:inline-block}.logo-letter.ice{color:#0ea5e9}.logo-letter.code{color:#0369a1}html.dark .logo-letter.ice{color:#38bdf8}html.dark .logo-letter.code{color:#7dd3fc}.logo:hover .logo-letter{animation:.5s ease-in-out float}.logo:hover .logo-letter:first-child{animation-delay:0s}.logo:hover .logo-letter:nth-child(2){animation-delay:50ms}.logo:hover .logo-letter:nth-child(3){animation-delay:.1s}.logo:hover .logo-letter:nth-child(4){animation-delay:.15s}.logo:hover .logo-letter:nth-child(5){animation-delay:.2s}.logo:hover .logo-letter:nth-child(6){animation-delay:.25s}.logo-subtitle{color:var(--text-muted);margin-left:.5rem;font-size:.65rem;font-weight:500}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-primary);padding:.5rem 0;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#0ea5e9,#38bdf8);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:#0ea5e9}.nav-link:hover:after,.nav-link.active:after{width:100%}.social-links{align-items:center;gap:.75rem;display:flex}.social-link{width:32px;height:32px;color:var(--text-muted);background:var(--border-color);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-link:hover,.theme-toggle:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9,#38bdf8);transform:translateY(-2px)}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;width:100%;max-width:1400px;margin:0 auto;padding:2.25rem 1.5rem;display:grid}.hero-content h1{color:var(--text-primary);margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1.2}.hero-content p{color:var(--text-secondary);max-width:550px;font-size:.95rem;line-height:1.6}.hero-image{justify-self:end;position:relative}.hero-image img{filter:drop-shadow(0 20px 30px #0ea5e933);width:200px;height:auto;animation:4s ease-in-out infinite float}.categories-section{max-width:1400px;margin:0 auto;padding:0 1.5rem 1.75rem}.filters-row{align-items:flex-start;gap:1rem;width:100%;margin-bottom:1.35rem;display:flex}.categories-grid{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.category-btn{white-space:nowrap;cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);min-height:44px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem .85rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.category-btn:hover{background:#bae6fd4d;transform:translateY(-2px)}html.dark .category-btn:hover{background:#38bdf833}.category-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-color:#0000;box-shadow:0 4px 14px #0ea5e94d}.category-btn .category-icon{flex-shrink:0;width:19px;height:19px}.languages-grid{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.25rem;display:flex}.lang-btn{white-space:nowrap;cursor:pointer;border:1px solid var(--border-color);min-height:52px;color:var(--text-secondary);background:#ffffff80;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:.55rem;padding:.55rem .85rem;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex}html.dark .lang-btn{background:#0f274480}.lang-btn:hover{color:#0369a1;background:#bae6fd66}html.dark .lang-btn:hover{color:#7dd3fc;background:#38bdf833}.lang-btn.active{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}html.dark .lang-btn.active{color:#7dd3fc;background:#38bdf84d}.lang-btn .lang-icon{-o-object-fit:contain;object-fit:contain;flex:0 0 24px;width:24px;height:24px;display:block}.lang-btn .lang-name{white-space:nowrap;line-height:1.2;display:block}.search-box{flex:0 0 240px;width:240px;margin-left:auto;position:relative}.search-box input{border:2px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.6rem 1rem .6rem 2.5rem;font-size:.85rem;transition:all .3s}.search-box input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.search-box input::placeholder{color:var(--text-muted)}.search-box svg{color:var(--text-muted);width:18px;height:18px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.main-content{flex:1;grid-template-columns:240px 1fr;gap:2.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.75rem 1.5rem 3rem;display:grid}.sidebar{height:fit-content;position:sticky;top:80px}.sidebar-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color);border-radius:18px;padding:1.5rem}.sidebar-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.sidebar-title svg{color:#0ea5e9}.interesting-list{flex-direction:column;gap:1rem;display:flex}.interesting-item{cursor:pointer;background:#e0f2fe4d;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem;text-decoration:none;transition:all .3s;display:flex}html.dark .interesting-item{background:#38bdf81a}.interesting-item:hover{background:#bae6fd80;border-color:#7dd3fc;transform:translate(4px)}html.dark .interesting-item:hover{background:#38bdf833}.interesting-item-title{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.4}.interesting-item-views{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.articles-section{min-width:0}.articles-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.articles-title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.articles-count{color:var(--text-muted);background:#e0f2fe80;border-radius:20px;padding:.35rem .75rem;font-size:.85rem}html.dark .articles-count{background:#38bdf833}.articles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.article-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;opacity:0;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(20px)}.article-card.visible{opacity:1;transform:translateY(0)}.article-card:hover{border-color:#7dd3fc;transform:translateY(-6px);box-shadow:0 20px 40px -10px #0ea5e933,0 10px 20px -5px #0ea5e91a}.article-image{height:140px;position:relative;overflow:hidden}.article-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-image img{transform:scale(1.1)}.article-image-overlay{opacity:0;background:linear-gradient(#0000 0%,#0f274499 100%);transition:opacity .3s;position:absolute;inset:0}.article-card:hover .article-image-overlay{opacity:1}.article-category-badge{color:#0369a1;text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.article-content{padding:1.1rem}.article-title{color:var(--text-primary);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.95rem;font-weight:700;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.article-card:hover .article-title{color:#0ea5e9}.article-description{color:var(--text-secondary);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.article-tag{color:#0369a1;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:600;transition:all .2s}html.dark .article-tag{color:#7dd3fc;background:linear-gradient(135deg,#38bdf833,#38bdf84d)}.article-card:hover .article-tag{background:linear-gradient(135deg,#bae6fd,#7dd3fc)}html.dark .article-card:hover .article-tag{background:linear-gradient(135deg,#38bdf84d,#38bdf866)}.article-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.article-meta-item{align-items:center;gap:.25rem;display:flex}.article-meta-item svg{width:14px;height:14px}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 0;display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border-color);min-width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.pagination-btn:hover:not(:disabled){background:#bae6fd80;border-color:#7dd3fc;transform:translateY(-2px)}html.dark .pagination-btn:hover:not(:disabled){background:#38bdf833}.pagination-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-color:#0000;box-shadow:0 4px 14px #0ea5e94d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-dots{color:var(--text-muted);font-weight:600}.footer{color:#fff;background:linear-gradient(135deg,#0f2744,#1e3a5f);margin-top:auto;padding:3rem 1.5rem 1.5rem}.footer-content{max-width:1400px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-logo{background:linear-gradient(135deg,#38bdf8,#7dd3fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.footer-description{color:#94a3b8;font-size:.9rem;line-height:1.6}.footer-social{gap:.75rem;margin-top:.5rem;display:flex}.footer-social-link{color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.footer-social-link:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-color:#0000;transform:translateY(-2px)}.footer-column h4{color:#fff;margin-bottom:1rem;font-size:.9rem;font-weight:700}.footer-links{flex-direction:column;gap:.6rem;display:flex}.footer-link{color:#94a3b8;align-items:center;gap:.5rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.footer-link:hover{color:#38bdf8;transform:translate(4px)}.footer-bottom{border-top:1px solid #38bdf833;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.footer-copyright{color:#64748b;font-size:.8rem}.footer-stats{gap:2rem;display:flex}.footer-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.footer-stat-value{color:#38bdf8;font-size:1.25rem;font-weight:800}.footer-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.article-detail-page{flex-direction:column;min-height:100vh;display:flex}.article-detail-container{flex:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem}.back-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:inline-flex}.back-btn:hover{background:#bae6fd4d;transform:translate(-4px)}html.dark .back-btn:hover{background:#38bdf833}.article-detail-hero{border-radius:20px;margin-bottom:2rem;position:relative;overflow:hidden}.article-detail-image{-o-object-fit:cover;object-fit:cover;width:100%;height:350px}.article-detail-hero-overlay{background:linear-gradient(#0000 50%,#0f2744b3 100%);position:absolute;inset:0}.article-detail-content{background:var(--bg-card);border:1px solid var(--border-color);z-index:10;border-radius:20px;margin-top:-80px;padding:2rem;position:relative}.article-detail-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.article-detail-category,.article-detail-date,.article-detail-read-time,.article-detail-views{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.article-detail-category{color:#0369a1;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:20px;padding:.3rem .8rem;font-weight:600}html.dark .article-detail-category{color:#7dd3fc;background:linear-gradient(135deg,#38bdf833,#38bdf84d)}.article-detail-title{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:800;line-height:1.3}.article-detail-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.article-detail-tag{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.article-detail-tag:hover{background:#bae6fd4d;border-color:#7dd3fc}html.dark .article-detail-tag:hover{background:#38bdf833}.article-detail-actions{border-bottom:1px solid var(--border-color);gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.action-btn:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-color:#0000}.article-detail-body{color:var(--text-secondary);font-size:1rem;line-height:1.8}.article-h2{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:800}.article-h3{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.2rem;font-weight:700}.article-p{margin-bottom:1rem}.article-li,.article-li-numbered{margin-bottom:.5rem;margin-left:1.5rem;position:relative}.article-li:before{content:"•";color:#0ea5e9;font-weight:700;position:absolute;left:-1rem}.related-articles{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.related-title{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.25rem;font-weight:800}.related-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.related-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:all .3s;overflow:hidden}.related-card:hover{box-shadow:0 10px 30px var(--shadow-color);border-color:#7dd3fc;transform:translateY(-4px)}.related-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100px}.related-card-content{padding:.75rem}.related-card-content h4{color:var(--text-primary);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.85rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.related-card-content span{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.not-found-message{text-align:center;padding:4rem 2rem}.not-found-message h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:800}.not-found-message p{color:var(--text-secondary);margin-bottom:2rem}@media (width<=1024px){.filters-row{flex-wrap:wrap}.search-box{flex-basis:240px}.categories-grid{flex-basis:100%}.articles-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.search-box{flex:100%;width:100%;margin-left:0}.categories-grid{gap:.45rem}.category-btn{white-space:normal;text-align:center;min-height:42px}.lang-btn{min-height:46px}.main-content{grid-template-columns:1fr}.sidebar{display:none}.hero{text-align:center;grid-template-columns:1fr}.hero-image{display:none}.articles-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem}.nav-links{display:none}.article-detail-title{font-size:1.5rem}.article-detail-content{margin-top:-40px;padding:1.5rem}.related-grid{grid-template-columns:1fr}.article-detail-meta{flex-direction:column;gap:.5rem}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--ice-50:#f0f9ff;--ice-100:#e0f2fe;--ice-200:#bae6fd;--ice-300:#7dd3fc;--ice-400:#38bdf8;--ice-500:#0ea5e9;--ice-600:#0284c7;--ice-700:#0369a1;--ice-800:#075985;--ice-900:#0c4a6e;--frost-white:#f8fbff;--frost-blue:#e8f4fc;--crystal-blue:#c5e4f7;--deep-ice:#1e3a5f;--dark-ice:#0f2744;--bg-primary:#f8fbff;--bg-secondary:#e8f4fc;--bg-card:#ffffffe6;--bg-header:#f8fbffe6;--text-primary:#0f2744;--text-secondary:#475569;--text-muted:#64748b;--border-color:#bae6fd80;--shadow-color:#0ea5e91a}html.dark{--bg-primary:#0a1628;--bg-secondary:#0f2744;--bg-card:#0f2744e6;--bg-header:#0a1628f2;--text-primary:#e0f2fe;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#38bdf833;--shadow-color:#38bdf81a}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .3s,color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--ice-400), var(--ice-500));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--ice-500), var(--ice-600))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #38bdf84d}50%{box-shadow:0 0 20px #38bdf899}}.animate-float{animation:3s ease-in-out infinite float}.animate-shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.animate-slide-left{animation:.4s ease-out forwards slideInLeft}.animate-slide-right{animation:.4s ease-out forwards slideInRight}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.btn-ice{background:linear-gradient(135deg, var(--ice-400), var(--ice-500));color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #0ea5e94d}.btn-ice:hover{background:linear-gradient(135deg, var(--ice-500), var(--ice-600));transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.font-mono{font-family:JetBrains Mono,monospace}::selection{background:var(--ice-300);color:var(--deep-ice)}html.dark ::selection{background:var(--ice-600);color:#fff}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border-color) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@media (width<=768px){.hide-mobile{display:none}}@media (width>=769px){.hide-desktop{display:none}}