@import"https://fonts.googleapis.com/css2?family=Tomorrow:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #33aa5a 0%, #35e1c2 100%);--gradient-5: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-6: linear-gradient(135deg, #2196f3 0%, #1976d2 100%)}.light{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--border: #dee2e6;--bento-bg: #ffffff;--bento-bg-rgb: 255, 255, 255;--bento-border: #e9ecef;--bento-hover: #f8f9fa;--shadow: rgba(0, 0, 0, .1)}.dark{--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-tertiary: #1f1f1f;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border: #2a2a2a;--bento-bg: #151515;--bento-bg-rgb: 21, 21, 21;--bento-border: #2a2a2a;--bento-hover: #1f1f1f;--shadow: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#0a0a0a}html.light{background-color:#fff}body{font-family:Tomorrow,sans-serif;background-color:var(--bg-primary, #0a0a0a);color:var(--text-primary, #ffffff);line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.floating-theme-toggle{position:fixed;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:rgba(var(--bento-bg-rgb, 21, 21, 21),.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,.18);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999;box-shadow:0 4px 8px #0000001a,0 8px 16px #0000001a,inset 0 1px 1px #ffffff1a}.floating-theme-toggle:hover{transform:scale(1.1) translateY(-2px);background:rgba(var(--bento-bg-rgb, 21, 21, 21),.95);border-color:#4facfe80;box-shadow:0 6px 12px #00000026,0 12px 24px #00000026,0 0 20px #4facfe4d,inset 0 1px 1px #fff3}.floating-theme-toggle:active{transform:scale(.95)}.light .floating-theme-toggle{background:#ffffffe6;border-color:#0000001a;box-shadow:0 4px 8px #00000014,0 8px 16px #00000014}.light .floating-theme-toggle:hover{background:#fff;border-color:#4facfe66;box-shadow:0 6px 12px #0000001f,0 12px 24px #0000001f,0 0 20px #4facfe33}.bento-grid{display:grid;gap:1.5rem;padding:1.5rem;grid-template-columns:repeat(3,1fr);max-width:1600px;margin:0 auto;width:100%}.bento-box{background:rgba(var(--bento-bg-rgb, 21, 21, 21),.3);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:none;border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 8px 16px #0000000d,0 16px 32px #0000000d,inset 0 1px 1px #ffffff1a;transform-style:preserve-3d}.bento-box:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from var(--gradient-angle, 0deg),rgba(79,172,254,.5) 0deg,rgba(0,242,254,.4) 90deg,rgba(138,180,248,.5) 180deg,rgba(0,242,254,.4) 270deg,rgba(79,172,254,.5) 360deg);border-radius:1.5rem;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;animation:rotateBorder 10s linear infinite;transition:opacity .4s ease,filter .4s ease;display:none}.bento-box:hover:before{opacity:0;filter:brightness(1.3) saturate(1.2);animation:rotateBorderFast 4s linear infinite}.bento-box:after{content:"";position:absolute;inset:0;background:conic-gradient(from var(--gradient-angle, 0deg),rgba(79,172,254,.05) 0deg,rgba(0,242,254,.03) 90deg,rgba(138,180,248,.05) 180deg,rgba(0,242,254,.03) 270deg,rgba(79,172,254,.05) 360deg);border-radius:1.5rem;opacity:0;pointer-events:none;animation:rotateBorder 10s linear infinite;z-index:0;transition:opacity .4s ease;display:none}.bento-box:hover:after{opacity:0}@keyframes rotateBorder{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}@keyframes rotateBorderFast{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.bento-box>*{position:relative;z-index:1}.light .bento-box{background:#ffffff4d;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:none;box-shadow:0 1px 2px #00000008,0 4px 8px #00000008,0 8px 16px #00000008,inset 0 1px 1px #ffffff80}.bento-box:hover{transform:translateY(-6px) translateZ(10px) scale(1.01);border-color:var(--text-secondary);box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a,0 24px 48px #0000001f}.light .bento-box:hover{box-shadow:0 2px 4px #0000000f,0 8px 16px #00000014,0 16px 32px #0000001a}.bento-box.gradient{background:var(--gradient-1);color:#fff;border-color:#fff3}.bento-box.gradient:before{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.6}.bento-box.gradient:hover{border-color:#fff6;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a,0 24px 48px #0000001f}.bento-box.gradient-2{background:var(--gradient-2);color:#fff;border-color:#fff3}.bento-box.gradient-2:before{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.6}.bento-box.gradient-2:hover{border-color:#fff6;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a,0 24px 48px #0000001f}.bento-box.gradient-3{background:var(--gradient-3);color:#fff;border-color:#fff3}.bento-box.gradient-3:before{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.6}.bento-box.gradient-3:hover{border-color:#fff6;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a,0 24px 48px #0000001f}.bento-box.gradient-4{background:var(--gradient-4);color:#fff;border-color:#fff3}.bento-box.gradient-4:before{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.6}.bento-box.gradient-4:hover{border-color:#fff6;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a,0 24px 48px #0000001f}.bento-box.gradient-5{background:var(--gradient-5);color:#fff;border-color:#fff3}.bento-box.gradient-5:before{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.6}.bento-box.gradient-5:hover{border-color:#fff6;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a,0 24px 48px #0000001f}.bento-box.gradient-6{background:var(--gradient-6);color:#fff;border-color:#fff3}.bento-box.gradient-6:before{background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.6}.bento-box.gradient-6:hover{border-color:#fff6;box-shadow:0 4px 8px #00000014,0 12px 24px #0000001a,0 24px 48px #0000001f}.bento-box.large{grid-column:span 2}.bento-box.tall{grid-row:span 2}h1,h2,h3,h4,h5,h6{font-family:Tomorrow,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{font-family:Poppins,sans-serif}.btn{font-family:Tomorrow,sans-serif;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:0 2px 4px #0000001a,0 4px 8px #00000014}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.05) 100%);opacity:.5;pointer-events:none;transition:opacity .4s ease}.btn:hover:before{opacity:.8}.btn-primary{background:var(--gradient-1);color:#fff}.btn-primary:hover{transform:translateY(-3px) translateZ(5px);box-shadow:0 4px 8px #0000001a,0 8px 16px #00000014,0 12px 24px #0000000f}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{background:var(--bento-hover);transform:translateY(-2px) translateZ(3px);box-shadow:0 2px 4px #00000014,0 4px 8px #0000000f}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;position:relative;z-index:1}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);font-family:Tomorrow,sans-serif;font-size:.95rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,0 2px 4px #00000008;position:relative;transform-style:preserve-3d}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:#667eea4d;box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea;background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 0 0 3px #667eea1a,0 4px 8px #667eea26,0 8px 16px #667eea1a}.container{max-width:1600px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@media(max-width:1200px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.25rem}}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem;padding:1rem}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr!important;gap:1rem;padding:1rem}.bento-box,.bento-box.large,.bento-box.tall{grid-column:span 1!important;grid-row:span 1!important}h1{font-size:2rem}h2{font-size:1.75rem}}.home{min-height:100vh;overflow-x:hidden;overflow-y:visible}.hero{padding:0;display:flex;align-items:stretch;height:100vh;max-height:100vh;overflow:visible}.hero .category-grid{height:100%}.hero h1{font-size:clamp(1.75rem,4vmin,3rem);margin-bottom:clamp(.5rem,1.5vmin,1rem);line-height:1.1;font-weight:800;letter-spacing:-.03em;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero p{font-size:clamp(.95rem,2vmin,1.2rem);margin-bottom:clamp(1rem,2vmin,2rem);opacity:.95;line-height:1.6;font-weight:400;position:relative;z-index:2;text-shadow:0 1px 5px rgba(0,0,0,.15)}.hero .btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;position:relative;z-index:2}.recent-articles{padding:0 0 4rem;width:100%;position:relative;z-index:10;background:var(--bg-primary);margin-top:4rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.section-header h2{font-size:2.5rem;margin:0}.section-header .btn{display:inline-flex;align-items:center;gap:.5rem}.clickable-block{display:flex!important;flex-direction:column;text-decoration:none;color:#fff;cursor:pointer;transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;transform-style:preserve-3d;border-radius:1.5rem;box-shadow:0 0 #667eea00,0 0 #667eea00,0 2px 4px #0000000d,0 8px 16px #00000014,0 16px 32px #0000001a}.clickable-block:hover{transform:translateY(-8px) translateZ(20px) scale(1.02);box-shadow:0 0 20px #667eea66,0 0 40px #667eea4d,0 4px 8px #0000001a,0 12px 24px #00000026,0 24px 48px #0003}.light .clickable-block{box-shadow:0 0 #667eea00,0 0 #667eea00,0 1px 2px #00000008,0 4px 8px #0000000d,0 8px 16px #0000000f;transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .8s cubic-bezier(.25,.46,.45,.94)}.light .clickable-block:hover{box-shadow:0 0 15px #667eea4d,0 0 30px #667eea33,0 2px 4px #00000014,0 8px 16px #0000001a,0 16px 32px #0000001f}.bento-box.gradient-2.clickable-block:hover{box-shadow:0 0 20px #f093fb80,0 0 40px #f5576c66,0 4px 8px #0000001a,0 12px 24px #00000026,0 24px 48px #0003}.bento-box.gradient-3.clickable-block:hover{box-shadow:0 0 20px #4facfe80,0 0 40px #00f2fe66,0 4px 8px #0000001a,0 12px 24px #00000026,0 24px 48px #0003}.bento-box.gradient-4.clickable-block:hover{box-shadow:0 0 20px #33aa5a80,0 0 40px #35e1c266,0 4px 8px #0000001a,0 12px 24px #00000026,0 24px 48px #0003}.bento-box.gradient-5.clickable-block:hover{box-shadow:0 0 20px #fa709a80,0 0 40px #fee14066,0 4px 8px #0000001a,0 12px 24px #00000026,0 24px 48px #0003}.bento-box.gradient-6.clickable-block:hover{box-shadow:0 0 20px #2196f380,0 0 40px #1976d266,0 4px 8px #0000001a,0 12px 24px #00000026,0 24px 48px #0003}.light .bento-box.gradient-2.clickable-block:hover{box-shadow:0 0 15px #f093fb66,0 0 30px #f5576c4d,0 2px 4px #00000014,0 8px 16px #0000001a,0 16px 32px #0000001f}.light .bento-box.gradient-3.clickable-block:hover{box-shadow:0 0 15px #4facfe66,0 0 30px #00f2fe4d,0 2px 4px #00000014,0 8px 16px #0000001a,0 16px 32px #0000001f}.light .bento-box.gradient-4.clickable-block:hover{box-shadow:0 0 15px #33aa5a66,0 0 30px #35e1c24d,0 2px 4px #00000014,0 8px 16px #0000001a,0 16px 32px #0000001f}.light .bento-box.gradient-5.clickable-block:hover{box-shadow:0 0 15px #fa709a66,0 0 30px #fee1404d,0 2px 4px #00000014,0 8px 16px #0000001a,0 16px 32px #0000001f}.light .bento-box.gradient-6.clickable-block:hover{box-shadow:0 0 15px #2196f366,0 0 30px #1976d24d,0 2px 4px #00000014,0 8px 16px #0000001a,0 16px 32px #0000001f}.category-link{padding:clamp(1.25rem,2.5vmin,2rem)!important;position:relative}.category-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff4d;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.category-link:hover:after{transform:scaleX(1)}.category-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;text-align:left;width:100%;height:100%;justify-content:space-between}.category-text{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;flex-shrink:0}.category-text svg{margin:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease;width:clamp(24px,5vmin,36px);height:clamp(24px,5vmin,36px)}.category-link:hover .category-text svg{transform:scale(1.1) rotate(5deg)}.category-text h3{margin:0 0 clamp(.25rem,.75vmin,.5rem) 0;font-size:clamp(1.1rem,2.5vmin,1.5rem);font-weight:700;letter-spacing:-.02em;transition:transform .3s ease}.category-link:hover .category-text h3{transform:translate(4px)}.category-text p{margin:0;opacity:.9;font-size:clamp(.8rem,1.6vmin,.95rem);line-height:1.5}.article-card{display:grid!important;grid-template-rows:1fr;align-items:end;text-decoration:none;color:#fff;min-height:350px;height:100%;position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background-size:cover;background-position:center;border:2px solid transparent!important;border-radius:1.5rem;transform-style:preserve-3d;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a}.article-card:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from var(--gradient-angle, 0deg),rgba(79,172,254,.6) 0deg,rgba(0,242,254,.5) 90deg,rgba(138,180,248,.6) 180deg,rgba(0,242,254,.5) 270deg,rgba(79,172,254,.6) 360deg);border-radius:1.5rem;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none;animation:rotateBorder 10s linear infinite;transition:opacity .4s ease,filter .4s ease;z-index:0}.article-card:hover:before{opacity:1;filter:brightness(1.3) saturate(1.2);animation:rotateBorderFast 4s linear infinite}.light .article-card{border:2px solid rgba(0,0,0,.08)!important;box-shadow:0 1px 2px #0000000d,0 4px 8px #0000000d,0 8px 16px #0000000d}.article-card-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);opacity:.3;z-index:0;transition:opacity .4s ease;pointer-events:none}.article-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0000004d 40%,#000000d9);z-index:1;transition:all .4s ease}.article-card:hover{transform:translateY(-6px) translateZ(10px) scale(1.02);box-shadow:0 4px 8px #00000026,0 12px 24px #0003,0 24px 48px #00000040;border-color:#fff3!important}.article-card:hover .article-card-content:before{opacity:.5}.light .article-card:hover{border-color:#0000001f!important;box-shadow:0 2px 4px #00000014,0 8px 16px #0000001f,0 16px 32px #00000026}.article-card:hover:after{background:linear-gradient(to bottom,#0000,#0003 40%,#000000bf)}.article-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;min-height:0}.article-category{display:inline-flex;align-items:center;gap:.35rem;font-size:clamp(.6rem,1.4vw,.68rem);font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#fff;background:#fff3;padding:.35rem .7rem;border-radius:50px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(255,255,255,.3);width:fit-content;box-shadow:0 2px 4px #00000026,0 4px 8px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;transform-style:preserve-3d}.article-card:hover .article-category{background:#ffffff40;border-color:#fff6;transform:translateY(-2px) translateZ(5px);box-shadow:0 3px 6px #0003,0 6px 12px #00000026}.article-category svg{width:14px;height:14px}.light .article-category{color:#1a1a1a;background:#ffffffe6;border-color:#0000001a}.light .article-card:hover .article-category{background:#fffffff2;border-color:#00000026}.article-card h3{color:#fff;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:800;margin:0;line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .3s ease;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0}.article-card:hover h3{transform:translateY(-2px)}.light .article-card h3{color:#1a1a1a;text-shadow:0 2px 4px rgba(255,255,255,.5)}.article-preview{margin:0;line-height:1.4;font-size:clamp(.75rem,1.8vw,.85rem);color:#fffffff2;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.2);min-height:0}.light .article-preview{color:#1a1a1ae6;text-shadow:0 1px 2px rgba(255,255,255,.3)}.link-arrow{display:inline-flex;align-items:center;gap:clamp(.25rem,.6vmin,.4rem);font-weight:700;text-decoration:none;color:#fff;margin-top:clamp(.125rem,.4vmin,.25rem);transition:all .4s cubic-bezier(.4,0,.2,1);font-size:clamp(.65rem,1.4vmin,.85rem);letter-spacing:.5px;opacity:.9;flex-shrink:0;min-height:0;text-transform:uppercase;padding:clamp(.35rem,.8vmin,.5rem) clamp(.75rem,1.5vmin,1rem);background:#ffffff26;border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #00000026,0 4px 8px #0000001a;transform-style:preserve-3d;position:relative;z-index:3}.category-link:hover .link-arrow{opacity:1;transform:translate(4px) translateZ(5px);background:#ffffff40;box-shadow:0 3px 6px #0003,0 6px 12px #00000026}.article-card:hover .link-arrow{opacity:1;transform:translate(4px) translateZ(3px);box-shadow:0 3px 6px #0003,0 6px 12px #00000026}.light .link-arrow{color:#fff}.light .article-card:after{background:linear-gradient(to bottom,#fff0,#ffffff80 40%,#fffffff2)}.light .article-card:hover:after{background:linear-gradient(to bottom,#fff0,#fff6 40%,#ffffffe6)}.loading{text-align:center;padding:4rem;color:var(--text-secondary)}.category-grid{display:grid;gap:clamp(.75rem,1.5vmin,1.5rem);padding:clamp(.75rem,1.5vmin,1.5rem);grid-auto-flow:dense;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,minmax(0,1fr));max-width:1600px;margin:0 auto;width:100%;height:100vh;box-sizing:border-box;align-items:stretch}.category-grid>*{display:flex;flex-direction:column;min-height:0;min-width:0}.category-grid .bento-box{--mouse-x: 50%;--mouse-y: 50%;display:flex;flex-direction:column;justify-content:space-between;border-radius:clamp(1rem,2vmin,1.5rem);border:none!important;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,inset 0 1px 1px #ffffff1a;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;perspective:1000px;position:relative;min-height:0;overflow:hidden}.category-grid .bento-box:before{content:"";position:absolute;inset:0;border-radius:clamp(1rem,2vmin,1.5rem);background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(79,172,254,.25),rgba(79,172,254,.1) 30%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.category-grid .bento-box:hover:before{opacity:1}.category-grid .bento-box:after{display:none!important}.category-grid .bento-box.large.gradient:before{content:""!important;position:absolute!important;inset:0!important;border-radius:clamp(1rem,2vmin,1.5rem)!important;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(79,172,254,.25),rgba(79,172,254,.1) 30%,transparent 60%)!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:1!important}.category-grid .bento-box.large.gradient:hover:before{opacity:1!important}.light .category-grid .bento-box{border:none!important;box-shadow:0 1px 2px #0000000d,0 4px 8px #0000000d,0 8px 16px #0000000d,inset 0 1px 1px #ffffff80;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%)}.light .category-grid .bento-box:before{background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(79,172,254,.4),rgba(79,172,254,.2) 30%,rgba(79,172,254,.1) 50%,transparent 70%)!important}.light .category-grid .bento-box:hover:before{opacity:1!important}.category-grid .bento-box.large{grid-column:span 2;grid-row:span 2;padding:clamp(1.5rem,2.5vh,2.5rem)!important;position:relative;overflow:hidden}.category-grid .bento-box.large.gradient{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;box-shadow:0 0 #4facfe00,0 0 #00f2fe00,0 2px 4px #0000001a,0 8px 16px #00000026,0 16px 32px #0003;transition:box-shadow .8s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.category-grid .bento-box.large.gradient:hover{box-shadow:0 0 25px #4facfe80,0 0 50px #00f2fe66,0 4px 8px #0000001f,0 12px 24px #0000002e,0 24px 48px #00000040}.light .category-grid .bento-box.large.gradient{box-shadow:0 0 #4facfe00,0 0 #00f2fe00,0 1px 2px #0000000a,0 4px 8px #0000000f,0 8px 16px #00000014;transition:box-shadow .8s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.light .category-grid .bento-box.large.gradient:hover{box-shadow:0 0 20px #4facfe66,0 0 40px #00f2fe4d,0 2px 4px #00000014,0 8px 16px #0000001a,0 16px 32px #0000001f}.welcome-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:clamp(1rem,2vmin,2rem);position:relative;z-index:3}.welcome-actions{display:flex;gap:1rem;align-items:center;margin-top:clamp(1rem,2vmin,1.5rem);position:relative;z-index:2}.welcome-logo{text-decoration:none;transition:transform .3s ease}.welcome-logo:hover{transform:translateY(-2px)}.welcome-logo h2{font-size:clamp(1.2rem,2.5vmin,1.5rem);font-weight:700;background:linear-gradient(135deg,#4facfe,#00f2fe,#a8edea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:none;filter:drop-shadow(0 2px 10px rgba(79,172,254,.3))}.welcome-card .btn-support{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:2rem;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a,inset 0 1px 1px #ffffff1a}.welcome-card .btn-support:hover{background:#ff416c1a;border-color:#ff416c;color:#ff4159;transform:translateY(-2px) scale(1.05);box-shadow:0 0 0 2px #ff416c33,0 0 8px #ff416c4d,0 2px 8px #0003,inset 0 1px 1px #fff3}.welcome-card .btn-support:hover svg{animation:heartbeat 2s ease-in-out infinite;fill:#ff416c}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}}.category-grid .bento-box.large.gradient:after{content:"";position:absolute;inset:0;background:transparent;z-index:0;pointer-events:none;overflow:hidden}.category-grid .bento-box.large.gradient{position:relative}.category-grid .bento-box.large.gradient:after{background:transparent}@media(max-width:768px){.category-grid .bento-box.large.gradient:before{background-size:30px 30px,25px 25px,20px 20px,18px 18px,15px 15px,12px 12px,10px 10px,8px 8px,6px 6px}.category-grid .bento-box.large.gradient:before{animation:starTwinkle 4s ease-in-out infinite,starDrift 25s linear infinite}}@media(prefers-reduced-motion:reduce){.category-grid .bento-box.large.gradient:before,.category-grid .bento-box.large.gradient:after{animation:none;opacity:.5}}.category-grid .bento-box.large.gradient:before,.category-grid .bento-box.large.gradient:after{will-change:transform,opacity;transform:translateZ(0)}.category-grid .bento-box.large.gradient>*{position:relative;z-index:2}.category-card-full{grid-column:span 2;grid-row:span 1}.category-card-half{grid-column:span 1;grid-row:span 1}@media(max-width:1200px){.category-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.25rem}}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.hero .category-grid{grid-template-columns:1fr!important}.hero .bento-box,.category-card-full,.category-card-half,.category-grid .bento-box.large{grid-column:span 1!important;grid-row:span 1!important}}@media(max-width:768px){.hero{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible;margin-bottom:0;padding-bottom:0}.category-grid{grid-template-columns:1fr!important;gap:1rem;padding:1rem;grid-auto-flow:row;height:auto!important;min-height:auto!important;grid-template-rows:auto!important}.hero .category-grid{grid-template-columns:1fr!important}.hero .bento-box{grid-column:span 1!important;grid-row:span 1!important;min-height:auto!important}.category-grid>*{grid-column:1 / -1!important;grid-row:auto!important;min-height:180px}.category-card-full,.category-card-half{grid-column:span 1!important;grid-row:span 1!important}.category-grid .bento-box.large{grid-column:span 1!important;grid-row:span 1!important;padding:2rem!important}.category-link{padding:1.5rem!important}.hero h1{font-size:2rem}.hero p{font-size:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.article-card{min-height:250px}.recent-articles{padding:0 0 2rem;margin-top:2rem;clear:both}}@media(min-width:769px){.hero{height:100vh;max-height:100vh}.hero .category-grid{height:100%;align-content:stretch;grid-template-rows:repeat(3,1fr)}.hero .category-grid>*{height:100%;min-height:0}.article-card-content{padding:2rem}}@media(min-width:1400px){.category-grid{gap:clamp(1.25rem,2vmin,2rem);padding:clamp(1.25rem,2vmin,2rem)}}.login-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{max-width:500px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.login-box{text-align:center;padding:3rem 2rem}.login-box h1{font-size:2.5rem;margin-bottom:.5rem}.login-box p{font-size:1.1rem;opacity:.9;margin:0}.login-form-box{padding:2rem}.login-form{margin-bottom:2rem}.btn-full{width:100%;justify-content:center}.form-footer{text-align:center;margin-top:1.5rem}.link-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:Tomorrow,sans-serif;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.link-button:hover{color:var(--text-primary)}.alert{padding:1rem;border-radius:.75rem;margin-bottom:1rem;font-size:.9rem}.alert-error{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.alert-success{background:#43e97b1a;color:#43e97b;border:1px solid rgba(67,233,123,.3)}.login-info{border-top:1px solid var(--border);padding-top:1.5rem}.login-info h4{font-size:1rem;margin-bottom:.5rem}.login-info p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.login-actions{text-align:center}@media(max-width:768px){.login-box{padding:2rem 1.5rem}.login-box h1{font-size:2rem}}.bento-block-editor{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.editor-tabs{display:flex;flex-direction:column;gap:1rem}.tabs-list{display:flex;gap:.5rem;border-bottom:2px solid var(--border);background:transparent}[role=tab]{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-family:Tomorrow,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}[role=tab]:hover{color:var(--text-primary)}[role=tab][data-state=active]{color:var(--text-primary);border-bottom-color:var(--gradient-1);background:linear-gradient(180deg,rgba(102,126,234,.05) 0%,transparent 100%)}.tab-content{animation:fadeIn .2s ease-out}.canvas-preview{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:1rem;padding:2rem;min-height:500px}.blocks-preview{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.empty-preview{color:var(--text-secondary);text-align:center;padding:2rem;opacity:.7}.preview-block{background:var(--bento-bg);border:1px solid var(--bento-border);border-radius:.75rem;padding:1.5rem;min-height:80px;display:block;word-wrap:break-word;box-sizing:border-box}.preview-block.gradient-1{background:var(--gradient-1);color:#fff;border:none}.preview-block.gradient-2{background:var(--gradient-2);color:#fff;border:none}.preview-block.gradient-3{background:var(--gradient-3);color:#fff;border:none}.preview-block.gradient-4{background:var(--gradient-4);color:#fff;border:none}.preview-block.gradient-5{background:var(--gradient-5);color:#fff;border:none}.preview-block.gradient-6{background:var(--gradient-6);color:#fff;border:none}.preview-image{max-width:100%;height:auto;border-radius:.5rem}.preview-divider{width:100%;border:none;border-top:2px solid var(--border);margin:0}.preview-quote{margin:0;font-style:italic;border-left:4px solid var(--text-secondary);padding-left:1rem}.preview-card{min-height:240px;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.preview-card-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.preview-card-image{width:100%;height:150px;object-fit:cover;border-radius:.5rem}.preview-card-text{display:flex;flex-direction:column;gap:.5rem}.preview-card-title{font-weight:600;font-size:1.25rem}.preview-card-description{font-size:.9rem;opacity:.9;line-height:1.4}.blocks-list{display:flex;flex-direction:column;gap:1rem}.add-block-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.btn-add-block{background:var(--gradient-1);color:#fff;border:none;padding:.75rem;border-radius:.5rem;font-family:Tomorrow,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.btn-add-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.blocks-stack{display:flex;flex-direction:column;gap:.75rem}.block-item{background:var(--bg-secondary);border:2px solid var(--border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.block-item:hover{border-color:var(--gradient-1);background:var(--bento-hover)}.block-item.active{background:var(--bento-hover);border-color:var(--gradient-1);box-shadow:0 0 0 2px #667eea33}.block-item-header{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem}.block-type{background:var(--gradient-1);color:#fff;padding:.25rem .75rem;border-radius:.4rem;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.block-preview-text{color:var(--text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-item-actions{display:flex;gap:.5rem}.btn-small{background:var(--bg-tertiary);border:none;color:var(--text-primary);width:32px;height:32px;border-radius:.5rem;font-family:Tomorrow,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-small:hover:not(:disabled){background:var(--bento-hover);transform:scale(1.05)}.btn-small:disabled{opacity:.5;cursor:not-allowed}.btn-small.btn-danger{background:#ff6b6b1a;color:#ff6b6b}.btn-small.btn-danger:hover{background:#ff6b6b33}.style-editor{display:flex;flex-direction:column;gap:1.5rem}.text-muted{color:var(--text-secondary);font-size:.9rem}.gradient-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.gradient-option{padding:.75rem;border:2px solid var(--border);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-family:Tomorrow,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gradient-option:hover{border-color:var(--text-primary)}.gradient-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px #667eea33}.gradient-option.gradient-1{background:var(--gradient-1);color:#fff;border-color:transparent}.gradient-option.gradient-2{background:var(--gradient-2);color:#fff;border-color:transparent}.gradient-option.gradient-3{background:var(--gradient-3);color:#fff;border-color:transparent}.gradient-option.gradient-4{background:var(--gradient-4);color:#fff;border-color:transparent}.gradient-option.gradient-5{background:var(--gradient-5);color:#fff;border-color:transparent}.gradient-option.gradient-6{background:var(--gradient-6);color:#fff;border-color:transparent}.alignment-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.alignment-btn{padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-family:Tomorrow,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.alignment-btn:hover{border-color:var(--text-primary)}.alignment-btn.active{background:var(--gradient-1);color:#fff;border-color:transparent}.width-preset-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.color-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.color-option{width:100%;aspect-ratio:1;border:3px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.05)}.color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px #667eea4d}.color-option[style*=transparent]{background:linear-gradient(135deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0) 0 0 / 20px 20px;background-color:#fff}.width-preset-btn{padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-family:Tomorrow,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.width-preset-btn:hover{border-color:var(--text-primary)}.width-preset-btn.active{background:var(--gradient-1);color:#fff;border-color:transparent}.preview-block.width-full{width:100%}.preview-block.width-half{width:calc(50% - .5rem)}.preview-block.width-third{width:calc(33.333% - .67rem)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.gradient-picker{grid-template-columns:1fr}.add-block-buttons{grid-template-columns:repeat(2,1fr)}.canvas-preview{min-height:300px}}.editor-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.editor-header .btn{display:inline-flex;align-items:center;gap:.5rem}.editor-actions{display:flex;gap:.75rem}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff6b6b4d}.editor-grid{display:grid;grid-template-columns:1fr 350px;gap:1.5rem;align-items:stretch}.editor-main-column{display:flex;flex-direction:column;gap:1.5rem;height:100%}.editor-main{min-height:auto;display:flex;flex-direction:column;height:100%;flex:1}.editor-main>.form-group:last-child{flex:1;display:flex;flex-direction:column}.editor-main>.form-group:last-child .editor-content{flex:1}.editor-bento-editor{width:100%;margin-top:1.5rem}.editor-sidebar{display:flex;flex-direction:column;gap:1.5rem;height:100%}.editor-sidebar .bento-box{height:100%}.text-muted{color:var(--text-secondary);font-size:.9rem;opacity:.8}.editor-content{min-height:200px;font-family:Tomorrow,monospace}.preview-box{display:flex!important;align-items:flex-end;background-size:cover;background-position:center}.preview-content-wrapper{width:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%);padding:1.5rem;color:#fff}.preview-category{text-transform:uppercase;font-size:.75rem;font-weight:600;margin-bottom:.5rem;opacity:.95;color:#fff}.preview-title{font-size:1.5rem;margin:.5rem 0;color:#fff}.preview-content{font-size:.9rem;opacity:.95;line-height:1.6;color:#fff;margin:0}.toast-viewport{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:1.5rem;gap:.75rem;width:390px;max-width:100vw;margin:0;list-style:none;z-index:2147483647}.toast-root{background:var(--bento-bg);border:1px solid var(--bento-border);border-radius:1rem;box-shadow:0 10px 38px -10px #00000059;padding:1rem 1.5rem;display:grid;grid-template-areas:"title";align-items:center}.toast-root[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.toast-root[data-state=closed]{animation:hide .1s ease-in}.toast-title{grid-area:title;font-weight:600;color:var(--text-primary)}@keyframes slideIn{0%{transform:translate(calc(100% + 1.5rem))}to{transform:translate(0)}}@keyframes hide{0%{opacity:1}to{opacity:0}}@media(max-width:1024px){.editor-grid{grid-template-columns:1fr}.editor-sidebar{order:-1}}@media(max-width:768px){.editor-header{flex-direction:column;align-items:stretch}.editor-actions{width:100%;justify-content:space-between}.toast-viewport{width:100%}}.article-view{min-height:calc(100vh - 80px);padding:2rem 0}.article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.article-header .btn{display:inline-flex;align-items:center;gap:.5rem}.article-content-wrapper{max-width:900px;margin:0 auto}.article-main{padding:3rem}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.category-badge{background:var(--gradient-1);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.85rem;font-weight:600;text-transform:uppercase}.meta-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.article-main h1{font-size:3rem;line-height:1.2;margin-bottom:2rem}.article-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;color:var(--text-secondary)}.article-image{width:100%;margin:2rem 0;border-radius:1rem;overflow:hidden}.article-image img{width:100%;height:auto;display:block}.article-content{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.article-content p{margin-bottom:1.5rem}.article-content p:last-child{margin-bottom:0}.article-blocks{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.article-block{background:var(--bento-bg);border:1px solid var(--bento-border);border-radius:.75rem;padding:1.5rem;min-height:80px;display:block;word-wrap:break-word;box-sizing:border-box}.article-block.gradient-1{background:var(--gradient-1);color:#fff;border:none}.article-block.gradient-2{background:var(--gradient-2);color:#fff;border:none}.article-block.gradient-3{background:var(--gradient-3);color:#fff;border:none}.article-block.gradient-4{background:var(--gradient-4);color:#fff;border:none}.article-block.gradient-5{background:var(--gradient-5);color:#fff;border:none}.article-block.gradient-6{background:var(--gradient-6);color:#fff;border:none}.article-block.width-full{width:100%}.article-block.width-half{width:calc(50% - .5rem)}.article-block.width-third{width:calc(33.333% - .67rem);box-sizing:border-box}.article-card{min-height:240px;border-radius:1rem;overflow:hidden}.article-card-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;width:100%;height:100%;justify-content:flex-end}.article-card-image{width:100%;height:150px;object-fit:cover;border-radius:.5rem}.article-card-text{display:flex;flex-direction:column;gap:.5rem}.article-card-title{font-weight:600;font-size:1.25rem}.article-card-description{font-size:.9rem;opacity:.9;line-height:1.4}.article-image-block{max-width:100%;height:auto;border-radius:.5rem}.article-divider{width:100%;border:none;border-top:2px solid var(--border);margin:0}.article-quote{margin:0;font-style:italic;border-left:4px solid var(--text-secondary);padding-left:1rem}@media(max-width:768px){.article-main{padding:2rem 1.5rem}.article-main h1{font-size:2rem}.article-content{font-size:1rem}.article-header{flex-direction:column;align-items:stretch;gap:1rem}}.category-page{min-height:calc(100vh - 80px);padding:2rem 0}.category-hero{text-align:left;padding:3rem 2rem;margin-bottom:3rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;position:relative;overflow:hidden;max-width:100%}.category-hero-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.category-hero h1{font-size:3rem;margin:0}.category-hero p{font-size:1.2rem;opacity:.9;margin:0}.article-card{display:flex!important;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;min-height:240px;position:relative;overflow:hidden}.article-card-content{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;width:100%;background:transparent;padding:0 1.5rem 1.5rem}.dark .article-card-content{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.8) 100%)}.article-card h3{color:#fff;margin:0 0 .75rem}.light .article-card h3{color:#1a1a1a}.edit-button{position:absolute;top:1rem;right:1rem;background:#00000080;color:#fff;padding:.5rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;text-decoration:none;border:none;cursor:pointer}.edit-button:hover{background:#000c;transform:scale(1.1)}.draft-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,orange,tomato);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;z-index:10}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.tag{background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.bento-grid>.bento-box.large{grid-column:1 / -1}@media(max-width:768px){.category-hero h1{font-size:2rem}.category-hero p{font-size:1rem}}.contact-page{min-height:calc(100vh - 64px);padding:4rem 0}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:2.5rem;margin-bottom:1rem}.contact-header p{font-size:1.1rem;color:var(--text-secondary)}.contact-layout{display:grid;grid-template-columns:minmax(0,600px) 200px;gap:2rem;align-items:start;max-width:900px;margin:0 auto}.contact-content{padding:2rem;background:rgba(var(--bento-bg-rgb, 21, 21, 21),.3);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:2px solid rgba(255,255,255,.18);border-radius:1.25rem;height:100%;box-shadow:0 2px 4px #0000000d,0 8px 16px #0000000d,0 16px 32px #0000000d,inset 0 1px 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;position:relative}.light .contact-content{background:#ffffff4d;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 4px #0000000d,0 8px 16px #0000000d,0 16px 32px #0000000d,inset 0 1px 1px #ffffff80}.contact-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 50%,rgba(118,75,162,.03) 100%);opacity:.5;pointer-events:none;border-radius:1.25rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;font-size:.95rem}.form-input{padding:.75rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.95rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,0 2px 4px #00000008;transform-style:preserve-3d;position:relative;z-index:1}.form-input:hover{border-color:#667eea4d;box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a}.form-input:focus{outline:none;border-color:#667eea;background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 0 0 3px #667eea1a,0 4px 8px #667eea26,0 8px 16px #667eea1a}.form-textarea{min-height:150px;resize:vertical}.form-status{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;font-size:.95rem;position:relative;transform-style:preserve-3d}.form-status:before{content:"";position:absolute;inset:0;border-radius:.75rem;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.03) 100%);opacity:.5;pointer-events:none}.form-status.success{background:#22c55e1a;color:#22c55e;border:2px solid rgba(34,197,94,.3)}.form-status.error{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.3)}.form-status.loading{background:#3b82f61a;color:#3b82f6;border:2px solid rgba(59,130,246,.3)}.contact-form .btn{margin-top:1rem}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed}.social-links{display:flex;flex-direction:column;gap:1rem;height:100%}.social-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:1.5rem;text-decoration:none;color:#fff;border-radius:1.25rem;border:2px solid;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a;flex:1;min-height:140px;transform-style:preserve-3d;overflow:hidden}.social-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:.5;pointer-events:none;transition:opacity .4s ease}.social-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.social-card:hover{transform:translateY(-6px) translateZ(15px) scale(1.02);box-shadow:0 4px 8px #0000001f,0 12px 24px #00000026,0 24px 48px #0003}.social-card:hover:before{opacity:.8}.social-card:hover:after{opacity:1}.social-icon-wrapper{position:relative;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) drop-shadow(0 4px 8px rgba(0,0,0,.1));transform-style:preserve-3d;z-index:2}.social-card:hover .social-icon-wrapper{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 8px 16px rgba(0,0,0,.2));transform:translateZ(10px) scale(1.05)}.social-content{text-align:left;margin-top:auto;width:100%;position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1)}.social-card:hover .social-content{transform:translateZ(5px)}.social-content h3{font-size:.95rem;font-weight:700;margin:0 0 .25rem;color:#fff;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.social-content p{font-size:.75rem;margin:0;opacity:.85;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.social-linkedin{background:#0a66c2;border-color:#1e8ae8}.social-linkedin:hover{background:#085a9e;border-color:#3da3ff}.social-github{background:#24292e;border-color:#444d56}.social-github:hover{background:#1a1e22;border-color:#586069}.social-medium{background:#000;border-color:#333}.social-medium:hover{background:#0d0d0d;border-color:#4d4d4d}.social-peerlist{background:#00aa45;border-color:#00cc52;color:#fff}.social-peerlist:hover{background:#008a38;border-color:#00dd5e}.social-peerlist .social-content h3,.social-peerlist .social-content p{color:#fff}@media(max-width:968px){.contact-layout{grid-template-columns:1fr;gap:2rem}.social-links{order:1;flex-direction:row;gap:1rem}.social-card{flex:1;min-width:0;min-height:160px}}@media(max-width:768px){.contact-page{padding:2rem 0}.contact-header h1{font-size:1.75rem}.contact-content{padding:1.5rem}.social-links{flex-direction:row;flex-wrap:wrap}.social-card{width:calc(50% - .5rem);min-width:calc(50% - .5rem)}}.about-page{min-height:calc(100vh - 64px);padding:4rem 0}.about-header{text-align:center;margin-bottom:3rem}.about-header h1{font-size:2.5rem;margin-bottom:1rem}.about-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.about-section{padding:2rem;background:var(--bento-bg);border:2px solid var(--bento-border);border-radius:1.25rem;transition:all .3s ease}.about-section:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.about-section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.about-section p{font-size:.95rem;line-height:1.8;color:var(--text-secondary)}.about-section p+p{margin-top:1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.skill-category{padding:1.5rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border)}.skill-category h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}.skill-category ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.skill-category li{font-size:.9rem;color:var(--text-secondary);padding-left:1rem;position:relative}.skill-category li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}@media(max-width:768px){.about-page{padding:2rem 0}.about-header h1{font-size:1.75rem}.about-content{gap:1.5rem}.about-section{padding:1.5rem}.skills-grid{grid-template-columns:1fr}}