@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{background:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}#root,body,html{height:100%;scroll-behavior:smooth}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.binary-rain-container{background-color:#0009;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.binary-rain-container.active{opacity:1}.binary-drop{animation:binary-rain 5s linear infinite;color:#0f0;font-size:1.5rem;font-weight:700;text-shadow:0 0 5px #0f0;top:-50px}@keyframes binary-rain{0%{opacity:1;transform:translateY(0)}95%{opacity:1}to{opacity:0;transform:translateY(calc(100vh + 50px))}}.aries-constellation{background-color:#000000e6;overflow:hidden;transition:opacity 1s ease-in-out;z-index:999}.aries-constellation.visible{pointer-events:auto}.background-star{animation:twinkle-small 5s infinite alternate;background-color:#fff;border-radius:50%;height:2px;opacity:.6;position:absolute;width:2px}.constellation-star{animation:twinkle 3s infinite alternate;box-shadow:0 0 10px #fff,0 0 20px #fff;cursor:pointer;z-index:2}.constellation-star-glow{animation:pulse 4s infinite alternate;background:radial-gradient(circle,#ffffff80 0,#fff0 70%);border-radius:50%;height:15px;position:absolute;transform:translate(-50%,-50%);width:15px;z-index:1}.star-label{background-color:#000000b3;border-radius:4px;color:#fff;font-size:12px;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);transition:opacity .3s ease-in-out;white-space:nowrap;z-index:3}.constellation-description,.constellation-title{animation:fade-in 2s forwards}.constellation-line{animation:line-appear 2s 1s forwards;background:linear-gradient(90deg,#fff0,#fffc,#fff0);opacity:0}.constellation-close{opacity:.7;transition:opacity .3s ease}.constellation-close:hover{opacity:1}@keyframes twinkle{0%{box-shadow:0 0 5px #fff,0 0 10px #fff;opacity:.7}to{box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff;opacity:1}}@keyframes twinkle-small{0%{opacity:.3}to{opacity:.8}}@keyframes line-appear{0%{opacity:0}to{opacity:.8}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.secret-logo{box-shadow:0 0 20px #4f46e599;font-size:18px;height:50px;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:50px;z-index:9999}.easter-egg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#4f46e5e6,#ec4899e6);border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 4px 10px #0003;font-size:.9rem;min-width:200px;padding:8px 15px;position:fixed;transition:opacity .3s ease-in-out;z-index:9999}.easter-egg:before{border:5px solid;border-color:#0000 #0000 #4f46e5e6;content:"";left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.widget-easter-egg-hidden{display:none}.widget-easter-egg-visible{display:block}.matrix-rain-container{background-color:#0003;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:990}.hidden-message{animation:float-message 3s ease-in-out}@keyframes float-message{0%{transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.pixel-art-container div{transition:background-color .2s ease}.pixel-art-container div:hover{box-shadow:0 0 5px #ffffff80}.rhythm-note{box-shadow:0 0 10px currentColor}@keyframes fadeUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.fireworks-container{background-color:#0000001a}@keyframes nyan-rainbow{0%{width:150px}50%{width:130px}to{width:150px}}@keyframes disco-colors{0%{background-color:#ff00004d}20%{background-color:#ffa5004d}40%{background-color:#ffff004d}60%{background-color:#0080004d}80%{background-color:#0000ff4d}to{background-color:#8000804d}}@keyframes element-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.navbar{background-color:var(--bg-nav);box-shadow:0 2px 10px #00000026;justify-content:center;padding:.75rem 0;position:sticky;top:0;z-index:100}.container,.navbar{align-items:center;display:flex}.container{justify-content:space-between;max-width:1200px;padding:0 1.5rem;width:100%}.navbar-logo{color:var(--text-white);font-size:1.9rem;font-weight:700;gap:.5rem;letter-spacing:1.5px;margin-bottom:4px;text-decoration:none;text-shadow:0 1px 3px #0003}.logo-image,.navbar-logo{align-items:center;display:flex}.logo-image{justify-content:center}.logo-image svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.navbar-logo:hover .logo-image svg{transform:rotate(15deg)}.navbar-motto{color:var(--text-subtle);font-size:.8rem;letter-spacing:.8px;margin-left:2px}.nav-links{align-items:center;display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:1.5rem}.nav-links a{border-radius:4px;color:var(--text-muted);font-size:1rem;font-weight:500;padding:.5rem;text-decoration:none;transition:all .2s ease}.nav-links a:hover{background-color:#ffffff1a;color:var(--text-white)}.nav-links a.active{background-color:#4f46e533;color:var(--text-white)}@media (max-width:768px){.navbar-container{padding:0 1rem}.container{flex-direction:column;gap:1rem}.nav-links{justify-content:center;width:100%}}body{background-color:#f9f9f9;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.highlight{font-weight:600}.highlight,.highlight-text{color:#4f46e5;position:relative}.highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4f46e5,#ec4899);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px #0000001a;transition:all .3s ease}.highlight-text:after{background:linear-gradient(90deg,#4f46e5,#ec4899);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}.highlight-text:hover:after{transform:scaleX(1);transform-origin:bottom left}.highlight-text:hover{text-shadow:0 4px 8px #0003}.home-container{overflow:hidden;width:100%}.hero-section,.home-container{min-height:100vh;position:relative}.hero-section{background-attachment:fixed;background-image:linear-gradient(135deg,#4f46e5d9,#10b981d9),url(/static/media/background_wide.fcfeecd3df5539c26ef5.jpg);background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 0;z-index:0}.hero-section:before{background-image:radial-gradient(circle at 20% 20%,#ec489926 0,#0000 30%),radial-gradient(circle at 80% 40%,#3b82f626 0,#0000 30%),radial-gradient(circle at 30% 80%,#8b5cf626 0,#0000 30%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 2rem}.profile-section{align-items:center;animation:fadeIn 1s ease-out;display:flex;gap:3rem;margin-bottom:4rem;padding-top:2rem}.profile-image-container{flex-shrink:0}.profile-image{animation:rotate-border 8s linear infinite;background-color:#4f46e533;border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 10px 25px #0000004d;height:250px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:250px}@keyframes rotate-border{0%{box-shadow:0 0 15px #4f46e5,0 0 30px #4f46e54d}25%{box-shadow:0 0 15px #8b5cf6,0 0 30px #8b5cf64d}50%{box-shadow:0 0 15px #ec4899,0 0 30px #ec48994d}75%{box-shadow:0 0 15px #10b981,0 0 30px #10b9814d}to{box-shadow:0 0 15px #4f46e5,0 0 30px #4f46e54d}}.profile-image:hover{border-color:#fff6;box-shadow:0 15px 30px #0000004d;transform:scale(1.05)}.profile-image img{height:100%;object-fit:cover;object-position:center;width:100%}.profile-image-placeholder{background-color:#2563eb;background-image:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;box-shadow:0 10px 25px #0003;height:250px;overflow:hidden;position:relative;width:250px}.profile-image-placeholder:after{color:#fffc;content:"VN";font-size:4rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.profile-details{flex:1 1}.brand-header{margin-bottom:.5rem}.brand-motto{color:#ffffffe6;font-size:1.1rem;font-style:italic;margin-top:.25rem;text-shadow:0 2px 4px #0003}.brand-motto,.profile-details h1{font-family:Montserrat,sans-serif;letter-spacing:.5px}.profile-details h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:.25rem;text-shadow:0 2px 4px #0000004d}.profile-details h2{color:#ffffffe6;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:.3px;margin-bottom:1.5rem;text-shadow:0 2px 4px #0003}.profile-bio{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem;max-width:600px;text-shadow:0 1px 2px #0000001a}.profile-actions{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.profile-links{display:flex;gap:1rem}.profile-social{display:flex;gap:.75rem}.social-link{font-weight:500;height:50px;overflow:hidden;position:relative;width:50px}.social-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.social-link:hover:before{left:100%}.social-link svg{height:34px;transform:scale(1.2);width:34px}.social-link:hover svg{transform:scale(1.35)}.cta-button{border-radius:10px;box-shadow:0 4px 8px #0003;display:inline-block;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.85rem 1.75rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#4f46e5,#8b5cf6);border:none;color:#fff}.cta-button.primary:hover{background:linear-gradient(135deg,#4338ca,#7c3aed);box-shadow:0 8px 15px #00000040;transform:translateY(-3px)}.cta-button.secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #ffffff4d;color:#fff}.cta-button.secondary:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 15px #00000026;transform:translateY(-3px)}.about-container{margin-bottom:3rem;margin-top:-3rem;width:100%}.about-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 25px #0003;margin-bottom:3rem;padding:2rem}.about-header{gap:1.5rem}.about-logo{background:#ffffff26;border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 8px #0003;flex-shrink:0;padding:8px;transition:all .3s ease}.about-logo:hover{border-color:#fff6;box-shadow:0 6px 12px #0000004d;transform:rotate(10deg) scale(1.05)}.about-section h3{color:#fff;display:inline-block;flex:1 1;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0003}.about-section h3:after{background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.about-section p{color:#fffffff2;font-size:1.15rem;line-height:1.8;margin-bottom:1.5rem;text-shadow:0 1px 2px #0000001a}.about-section p:last-child{font-style:italic;margin-bottom:0}.skills-section{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;margin-bottom:3rem;padding:2rem}.skills-section h3{color:#0f172a;font-size:1.8rem;margin-bottom:1.5rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skill-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-5px)}.skill-icon{font-size:2rem;margin-bottom:1rem}.skill-card h4{color:#0f172a;font-size:1.2rem;margin-bottom:.5rem}.skill-card p{color:#64748b;font-size:.9rem}.featured-content{animation:fadeIn 1s ease-out;animation-delay:.4s;animation-fill-mode:both;margin-bottom:3rem}.featured-content h3{color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0003}.featured-content h3:after{background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px;bottom:-5px;content:"";height:4px;left:0;position:absolute;width:60px}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.content-card{background-color:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 20px #00000026;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.content-card:hover{background-color:#fff3;border-color:#ffffff4d;box-shadow:0 15px 30px #0003;transform:translateY(-8px)}.content-thumb{height:180px;overflow:hidden;position:relative}.content-thumb:before{background:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.content-thumb.blog{background-image:linear-gradient(135deg,#4f46e5,#8b5cf6)}.content-thumb.video{background-image:linear-gradient(135deg,#ec4899,#8b5cf6)}.content-thumb.blog:after{content:"📝"}.content-thumb.blog:after,.content-thumb.video:after{font-size:3.5rem;left:50%;position:absolute;text-shadow:0 2px 10px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:2}.content-thumb.video:after{content:"📹"}.content-details{padding:1.5rem}.content-type{background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#ffffffe6;display:inline-block;font-size:.8rem;letter-spacing:1.5px;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.content-details h4,.content-type{font-family:Montserrat,sans-serif;font-weight:600}.content-details h4{color:#fff;font-size:1.25rem;line-height:1.4;text-shadow:0 1px 2px #0000001a}@media (max-width:768px){.profile-section{flex-direction:column;gap:2rem;text-align:center}.profile-actions{flex-direction:column;gap:1.5rem}.profile-links,.profile-social{justify-content:center}.profile-details h1{font-size:2.5rem}.brand-motto,.profile-bio{margin-left:auto;margin-right:auto}.content-grid{grid-template-columns:1fr}.home-footer{flex-direction:column;text-align:center}.about-container{gap:1.5rem;grid-template-columns:1fr}.about-header{flex-direction:column;gap:1.5rem}.about-logo{margin-top:1rem}}@media (max-width:480px){.profile-details h1{font-size:2rem}.profile-details h2{font-size:1.2rem}.hero-content{padding:0 1rem}}.latest-content-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.latest-section{flex:1 1;min-width:0;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-header h4{color:#fff;font-size:1.25rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.view-all-link{color:#818cf8;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.view-all-link:hover{color:#6366f1;text-decoration:underline}.latest-posts{display:flex;flex-direction:column;gap:1rem;height:100%}.latest-post-card{background:#1e293bb3;border:1px solid #4f46e51a;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:inherit;display:flex;height:140px;overflow:hidden;text-decoration:none;transition:all .3s ease}.latest-post-card:hover{border-color:#4f46e54d;box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.post-thumbnail{background-color:#1f2937;flex-shrink:0;height:140px;overflow:hidden;position:relative;width:140px}.post-thumbnail img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.latest-post-card:hover .post-thumbnail img{transform:scale(1.1)}.post-source{background-color:#4f46e5e6;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;left:10px;padding:.2rem .5rem;position:absolute;text-transform:capitalize;top:10px;z-index:1}.video-thumbnail:before{background:#0003;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.play-icon{align-items:center;background:#4f46e5e6;border-radius:50%;color:#fff;display:flex;height:46px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:46px;z-index:2}.play-icon svg{height:20px;width:20px}.latest-post-card:hover .play-icon{background:#6366f1;transform:translate(-50%,-50%) scale(1.1)}.post-content{display:flex;flex:1 1;flex-direction:column;padding:1rem}.post-title{color:#fff;font-size:1rem;font-weight:700;line-height:1.3;text-shadow:0 1px 1px #0003}.post-excerpt,.post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 .5rem;overflow:hidden}.post-excerpt{color:#e2e8f0;flex-grow:1;font-size:.85rem}.post-date{color:#94a3b8;font-size:.75rem;margin-top:auto}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.loading-spinner{border:3px solid #818cf84d;height:40px;width:40px}.loading-spinner-container p{color:#e2e8f0;font-size:.9rem}@media screen and (max-width:1024px){.latest-content-grid{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:768px){.latest-post-card{flex-direction:column;height:auto}.post-thumbnail{height:180px;width:100%}}.home-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:auto;max-width:1200px;padding:2rem;width:100%}.logo-container{align-items:flex-start;display:flex;flex-direction:column}.logo{align-items:center;background:#ffffff26;border-radius:50%;box-shadow:0 4px 8px #0003;display:flex;height:60px;justify-content:center;margin-right:1rem;padding:8px;transition:all .3s ease;width:60px}.logo:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.05)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;text-shadow:1px 1px 3px #0000004d}.logo-motto{color:#ffffffd9;font-family:Poppins,sans-serif;font-size:.95rem;font-style:italic;font-weight:300;letter-spacing:.5px}.copyright{color:#ffffffb3;font-size:.85rem}@media (max-width:768px){.home-footer{flex-direction:column;gap:1.5rem;text-align:center}.logo-container{align-items:center}}.about{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin:3rem auto;max-width:1200px;padding:2rem}.about-header{align-items:center;display:flex;gap:2rem;margin-bottom:1.5rem}.about-header h2{color:var(--primary-color);flex:1 1;font-size:2rem;font-weight:700}.about-logo{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.about-logo:hover{transform:scale(1.05)}.about p{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}@media (max-width:768px){.about-header{flex-direction:column;gap:1.5rem;text-align:center}.about-logo{margin-top:1rem}}.no-content-message{align-items:center;background-color:#4f46e50d;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:10px 0;min-height:150px;padding:20px}.no-content-message p{color:#6b7280;font-size:.95rem;margin-bottom:16px}.youtube-button{background-color:red;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-weight:500;padding:8px 16px}.youtube-button:hover{background-color:#c00;box-shadow:0 4px 8px #00000026}.youtube-button svg{margin-right:8px}.instagram-button{align-items:center;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-weight:500;margin-left:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.instagram-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.instagram-button svg{margin-right:8px}.social-buttons{align-items:center;margin-top:8px}.latest-post-card.text-only{background:#1e293bb3;border:1px solid #4f46e51a;border-left:3px solid #6366f1;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:inherit;display:flex;flex-direction:column;height:140px;overflow:hidden;text-decoration:none;transition:all .3s ease}.latest-post-card.text-only:hover{border-color:#4f46e54d;box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.latest-post-card.text-only .post-content{flex:1 1;padding:1rem}.latest-post-card.text-only .post-title{font-size:1.1rem;margin-bottom:.75rem}.latest-post-card.text-only .post-excerpt{-webkit-line-clamp:3;margin-bottom:1rem}.articles-container{background-attachment:fixed;background-image:linear-gradient(135deg,#4f46e5d9,#10b981d9),url(/static/media/background_wide.fcfeecd3df5539c26ef5.jpg);background-position:50%;background-size:cover;color:#fff;min-height:100vh;padding:2rem;position:relative;width:100%;z-index:0}.articles-container:before{background-image:radial-gradient(circle at 20% 20%,#ec489926 0,#0000 30%),radial-gradient(circle at 80% 40%,#3b82f626 0,#0000 30%),radial-gradient(circle at 30% 80%,#8b5cf626 0,#0000 30%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.articles-header{animation:fadeIn 1s ease-out;margin-bottom:3rem;text-align:center}.articles-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:0 2px 4px #0006}.articles-header p{color:#ffffffe6;font-family:Poppins,sans-serif;font-size:1.25rem;margin:0 auto;max-width:600px;text-shadow:0 1px 2px #0000004d}.articles-info,.blogs-info{background-color:#ffffff0d;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin-bottom:1rem;padding:.75rem}.articles-info,.blogs-info,.medium-note{align-items:center;display:flex;justify-content:space-between}.medium-note{color:#ffffffb3;font-size:.85rem;font-weight:400;width:100%}.medium-note a{color:#a5b4fc;font-weight:600;text-decoration:none;transition:all .3s ease}.medium-note a:hover{color:#c7d2fe;text-decoration:underline}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.button{box-shadow:0 2px 8px #0000001a}.button-secondary{background-color:#0000004d;border:1px solid #a5b4fc80;border-radius:6px;color:#a5b4fc;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.button-secondary:hover{background-color:#0006;border-color:#a5b4fc;color:#c7d2fe}.last-updated{color:#ffffffb3;font-style:italic}.refresh-button{background:#ec4899;border:none;border-radius:24px;box-shadow:0 4px 10px #ec48994d;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1.5rem}.refresh-button:hover{background:#d6409d;box-shadow:0 6px 15px #ec489966;transform:translateY(-2px)}.refresh-button:disabled{background:#9696964d;box-shadow:none;cursor:not-allowed;transform:none}.tag-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:0 1.5rem}.medium-categories{display:flex;flex-wrap:wrap;gap:.5rem}.article-category-tag{background:linear-gradient(135deg,#f8ae3c,#f97316);border-radius:8px;box-shadow:0 3px 8px #00000026;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.article-category-tag:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.filter-bar{gap:10px}.basic-filters{flex-wrap:wrap}.form-control{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-size:.9rem;outline:none;padding:.5rem 1rem}.form-control:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.search-input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:.5rem 1rem;transition:all .3s ease}.search-input:focus{background-color:#ffffff26;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.filter-toggle{white-space:nowrap}.filter-toggle svg{height:16px;transition:transform .3s ease;width:16px}.clear-button{background-color:#dc262699}.active-filters{margin-bottom:1.5rem}.filter-tag{background-color:#ffffff1a;border-radius:20px;color:#fff;font-size:.8rem;padding:.3rem .8rem}.filter-tag button{background:none;font-size:1rem}.error-message,.loading-container,.no-content-message{align-items:center;background-color:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.social-buttons{gap:1rem;margin-top:1.5rem}.devto-button,.medium-button{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.medium-button{background-color:#02b87533;color:#02b875}.devto-button{background-color:#3b49df33;color:#3b49df}.devto-button:hover,.medium-button:hover{transform:translateY(-3px)}.article-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.article-card{background-color:#ffffff14;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.article-link{color:inherit;height:100%;text-decoration:none}.article-details,.article-link{display:flex;flex-direction:column}.article-details{flex-grow:1;padding:20px;position:relative}.source-badge{background:#0009;border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:3px 8px;position:absolute;right:15px;text-transform:uppercase;top:15px}.medium-card{border-left:3px solid #02b875}.article-title{color:#f3f4f6;font-size:15px;font-weight:600;letter-spacing:.25px;line-height:1.4;margin:0 0 12px;padding-right:40px}.article-excerpt{color:#b0bec5;flex-grow:1;font-size:12px;line-height:1.5;margin-bottom:12px}.article-meta{align-items:center;background-color:#ffffff14;border-left:3px solid #6366f1;border-radius:6px;color:#d1d5db;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px;padding:8px 12px}.article-date{font-weight:500;letter-spacing:.5px}.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.article-tag{background-color:#4f46e533;border-radius:4px;color:#a5b4fc;font-size:10px;padding:2px 6px;text-transform:capitalize}.article-footer,.read-more-button{display:none}@media (max-width:768px){.article-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.advanced-filters,.basic-filters,.filter-bar{align-items:stretch;flex-direction:column}.search-input{width:100%}.articles-header h1{font-size:2.5rem}}@media (max-width:480px){.article-grid{grid-template-columns:1fr}.articles-info,.medium-note{align-items:flex-start;flex-direction:column;gap:10px}}.filter-container{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.filter-button-group{display:flex;gap:.5rem}.sort-select{background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:.9rem;min-width:130px;padding:.5rem 2rem .5rem 1rem}.sort-select:focus{background-color:#ffffff26;border-color:#fff6}.advanced-filters{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:none;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1rem}.category-select,.source-select,.tag-select{-webkit-appearance:none;appearance:none;background-color:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:.9rem;outline:none;padding:.5rem 2rem .5rem 1rem;transition:all .3s ease}.category-select:focus,.source-select:focus,.tag-select:focus{background-color:#ffffff26;border-color:#fff6}@media (max-width:768px){.advanced-filters{grid-template-columns:1fr}}:root{--primary-color:#4f46e5;--primary-light:#818cf8;--primary-dark:#4338ca;--secondary-color:#8b5cf6;--accent-color:#f8ae3c;--text-white:#f8fafc;--text-light:#e2e8f0;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293bcc;--bg-nav:#0f172acc;--bg-primary-transparent:#0f172ab3;--gradient-primary:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-accent:linear-gradient(135deg,#f8ae3c,#f97316);--gradient-text:linear-gradient(135deg,#fff 10%,#818cf8 90%)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#000000b3,#00000080),url(/static/media/background_wide.fcfeecd3df5539c26ef5.jpg);background-size:cover;color:#e2e8f0;color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.page-content{margin:0 auto;max-width:1200px;width:100%}.glass-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172ab3;background-color:var(--bg-primary-transparent);border:1px solid #4f46e533;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.section-title{color:#4f46e5;display:inline-block;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative}.section-title:after{bottom:-5px;height:4px;width:60px}.form-group{margin-bottom:1.5rem}.form-group label{font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #fff3;border-radius:6px;color:#e2e8f0;color:var(--text-light);font-size:1rem;padding:.6rem .8rem;transition:border-color .3s,box-shadow .3s}.form-control:focus{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 0 0 3px #818cf84d}.form-control::placeholder{color:#c7c7c7}.button{padding:.6rem 1.2rem;text-decoration:none}.button-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--gradient-primary);box-shadow:0 2px 4px #4f46e54d}.button-primary:hover{background:linear-gradient(135deg,#4338ca,#818cf8);background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));box-shadow:0 4px 8px #4f46e566;transform:translateY(-2px)}.button-secondary{background:#ffffff1a;border:1px solid #fff3;color:#e2e8f0;color:var(--text-light)}.button-secondary:hover{background:#ffffff26}.card{background-color:#1e293bcc;background-color:var(--bg-card);border:1px solid #4f46e526;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #818cf84d;border-top-color:#4f46e5;border-top:4px solid var(--primary-color)}.loading-container p{color:#e2e8f0;color:var(--text-light);font-weight:500}@media (max-width:768px){.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.page-content{padding:1.5rem}}.error-message{background-color:#dc262633;border-left:4px solid #ef4444;color:#fecaca}.error-message,.success-message{border-radius:6px;margin-bottom:1.5rem;padding:1rem;text-shadow:0 1px 1px #0003}.success-message{background-color:#10b98133;border-left:4px solid #10b981;color:#d1fae5}.filter-bar{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 25px #00000026;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.25rem}.particle{border-radius:2px;height:8px;transform:rotate(45deg);width:8px}.particle:nth-child(3n){clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:10px;width:10px}.particle:nth-child(3n+1){clip-path:polygon(0 0,100% 0,100% 100%);height:10px;width:10px}.particle:nth-child(3n+2){border-radius:0;height:3px;width:12px}.particle:nth-child(5n){background-color:#4f46e599}.particle:nth-child(5n+1){background-color:#10b98199}.particle:nth-child(5n+2){background-color:#ec489999}.particle:nth-child(5n+3){background-color:#f9731699}.easter-egg{background-color:#1e293bcc;border-radius:4px;box-shadow:0 2px 10px #0000004d;color:#fff;font-size:.8rem;max-width:200px;opacity:0;padding:.5rem;pointer-events:none;position:absolute;text-align:center;transition:opacity .3s ease;z-index:10}.aries-constellation{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity 1s ease;width:100%;z-index:1000}.aries-constellation.visible{opacity:1}.constellation-star{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #fffc,0 0 20px #4f46e599;height:4px;position:absolute;width:4px}.constellation-line{background:linear-gradient(90deg,#fffc,#4f46e599);height:1px;position:absolute;transform-origin:left center}.binary-rain-container{background-color:#000c;display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:999}.binary-rain-container.active{display:block}.binary-drop{animation:binary-fall linear infinite;color:#4f46e5;font-family:monospace;font-size:1.2rem;position:absolute;text-shadow:0 0 5px #4f46e5cc}@keyframes binary-fall{0%{opacity:1;transform:translateY(-100px)}95%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.secret-logo{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#4f46e5,#ec4899);border-radius:50%;box-shadow:0 0 30px #ec489999;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100px;justify-content:center;left:50%;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;width:100px;z-index:1000}.secret-logo.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes pulse{0%{box-shadow:0 0 0 0 #ec489999}70%{box-shadow:0 0 0 20px #ec489900}to{box-shadow:0 0 0 0 #ec489900}}.page-description{color:#f8f9fa;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:300;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;padding:0 1rem;text-align:center;text-shadow:0 2px 4px #0000001a}.videos-info{background-color:#ffffff0d;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin-bottom:1rem;padding:.75rem}.platform-note,.videos-info{align-items:center;display:flex;justify-content:space-between}.platform-note{color:#ffffffb3;font-size:.85rem;font-weight:400;width:100%}.filter-bar{animation:fadeIn .8s ease-out;animation-delay:.2s;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 15px #0000001a;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:.75rem}.basic-filters{align-items:center;display:flex;flex:1 1;gap:.75rem}.search-input,.sort-select{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:.9rem;outline:none;padding:.5rem 1rem;transition:all .3s ease}.search-input{flex-grow:1;min-width:180px}.search-input:focus,.sort-select:focus{background-color:#ffffff26;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.search-input::placeholder{color:#fff9}.sort-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;min-width:150px;outline:none;padding-right:2rem}.filter-toggle{align-items:center;background:#4f46e599;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-toggle:hover{background:#4f46e5b3;box-shadow:0 8px 15px #00000026;transform:translateY(-3px)}.filter-toggle.active{background:#4f46e5cc;border-color:#fff6}.filter-toggle svg{height:14px;transition:transform .2s ease;width:14px}.filter-toggle.active svg{transform:rotate(180deg)}.clear-button{background:#ef444499;border-color:#ffffff4d;color:#fff}.clear-button:hover{background:#ef4444b3;box-shadow:0 8px 15px #00000026;transform:translateY(-3px)}.advanced-filters{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0;max-height:500px;overflow:hidden}.advanced-filters.visible{max-height:500px}.advanced-filters select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e9ecef;cursor:pointer;display:none;padding:10px 16px;width:100%}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-tag{background:#19875433;border-radius:50px;color:#d8f3dc;font-size:13px;gap:8px;padding:6px 12px}.filter-tag,.filter-tag button{align-items:center;display:flex}.filter-tag button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:18px}.filter-tag button:hover{background:#ffffff4d}.error-message,.loading-container{align-items:center;background-color:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#6366f1;height:50px;margin-bottom:1rem;width:50px}.error-message,.no-results{background:#ef444433;border:1px solid #ef44444d;border-radius:12px;color:#fff;margin:0 auto;max-width:500px;padding:2rem;text-align:center}.no-results{background:#4f46e533;border-color:#4f46e54d}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.video-card{background-color:#ffffff14;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.video-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.video-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-button{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;width:50px}.play-button svg{height:24px;width:24px}.video-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.content-type-badge{background-color:#f44336;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;left:10px;padding:3px 8px;position:absolute;text-transform:uppercase;top:10px}.video-details{display:flex;flex-direction:column;flex-grow:1;padding:15px}.video-title{color:#fff;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 10px}.video-description{color:#b0bec5;flex-grow:1;font-size:12px;line-height:1.5;margin-bottom:12px}.video-meta{align-items:center;background-color:#ffffff14;border-left:3px solid #6366f1;border-radius:6px;color:#d1d5db;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px;padding:8px 12px}.video-date{font-weight:500;letter-spacing:.5px}.video-stats{display:flex;gap:10px}.likes,.views{align-items:center;display:flex}.views:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2390a4ae'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.likes:before,.views:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:10px;margin-right:4px;width:10px}.likes:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2390a4ae'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E")}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.video-tag{background-color:#4f46e533;border:1px solid #818cf84d;border-radius:4px;color:#c7d2fe;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.youtube-card{border-left:3px solid red}.instagram-card{border-left:3px solid #c13584}.button{background-color:#4f46e580;border-radius:6px;box-shadow:0 2px 6px #0000001a;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.2rem;padding:.3rem .7rem}.button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.button-primary{background-color:#4f46e599}.video-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.video-type{color:#fff9;letter-spacing:1px;text-transform:uppercase}.read-more,.video-type{font-size:.8rem;font-weight:600}.read-more{background:linear-gradient(135deg,#4f46e5cc,#6366f1cc);border:1px solid #fff3;border-radius:6px;color:#fff;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.read-more:hover{background:linear-gradient(135deg,#4f46e5e6,#6366f1e6);transform:translateY(-2px)}@media (max-width:768px){.profile-section{flex-direction:column;gap:2rem;text-align:center}.profile-image{margin:0 auto}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.contact-content{grid-template-columns:1fr}.filter-bar{align-items:stretch}.basic-filters,.filter-bar{flex-direction:column}.play-button{height:40px;width:40px}.play-button svg{height:20px;width:20px}}@media (max-width:480px){.profile-image{height:160px;width:160px}.profile-details h1{font-size:2.5rem}.social-link{height:40px;width:40px}.social-link svg{height:20px;width:20px}.video-grid{grid-template-columns:1fr}.videos-info{align-items:flex-start}.platform-note,.videos-info{flex-direction:column;gap:10px}.platform-note{display:flex;width:100%}}.no-content-message{background:#0000001a;border:1px dashed #ffffff1a;border-radius:10px;color:#adb5bd;font-size:16px;padding:48px 24px;text-align:center}.no-content-icon{color:#6b7280;margin-bottom:20px}.no-content-message p{color:#4b5563;font-size:1.1rem;margin-bottom:25px;max-width:600px}.social-buttons{display:flex;gap:16px;justify-content:center;margin-top:24px}.youtube-button{align-items:center;background:red;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.youtube-button:hover{background:#c00;transform:translateY(-2px)}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0}.pagination-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:.25rem;color:#4f46e5;display:flex;font-weight:500;gap:.5rem;transition:all .2s ease-in-out}.pagination-button:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.pagination-button svg{height:20px;width:20px}.pagination-info{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:1rem}.items-per-page{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;color:#495057;cursor:pointer;padding:.3rem .5rem}@media (max-width:576px){.pagination-controls{flex-direction:column;gap:.75rem}.pagination-info{flex-direction:column;gap:.5rem}}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-button{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button:not(:disabled):hover{background-color:#ffffff1a}.page-info{color:#fffc;font-size:.9rem}.page-container{background-attachment:fixed;background-image:linear-gradient(135deg,#4f46e5d9,#10b981d9),url(/static/media/background_wide.fcfeecd3df5539c26ef5.jpg);background-position:50%;background-size:cover;color:#fff;min-height:100vh;overflow:hidden;padding:2rem;position:relative;width:100%;z-index:0}.particle{animation:floatParticle linear infinite;background-color:#ffffff80;border-radius:50%;height:6px;opacity:.3;pointer-events:none;position:absolute;width:6px;z-index:0}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg) scale(1)}10%{opacity:.8}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh) translateX(50px) rotate(1turn) scale(.5)}}.page-container:before{background-image:radial-gradient(circle at 20% 20%,#ec489926 0,#0000 30%),radial-gradient(circle at 80% 40%,#3b82f626 0,#0000 30%),radial-gradient(circle at 30% 80%,#8b5cf626 0,#0000 30%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.page-header{animation:fadeIn 1s ease-out;margin-bottom:3rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:0 2px 4px #0006}.page-header p{color:#ffffffe6;font-family:Poppins,sans-serif;font-size:1.25rem;margin:0 auto;max-width:600px;text-shadow:0 1px 2px #0000004d}.about-me-section{animation:slideInLeft .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 30px #0003;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:2.5rem;transition:all .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.about-me-section:hover{border-color:#4f46e566;box-shadow:0 15px 35px #00000040;transform:translateY(-8px)}.about-me-section .section-title{color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0003}.about-me-section .section-title:after{background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.about-text p{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin-bottom:1.25rem;text-shadow:0 1px 2px #0000001a}.about-text p:last-child{margin-bottom:0}.map-container{border-radius:16px;box-shadow:0 10px 25px #0000004d;margin-top:1.5rem;overflow:hidden;position:relative;transform:perspective(1000px) rotateX(0deg);transition:all .4s ease}.map-container:hover{box-shadow:0 20px 40px #0006;transform:perspective(1000px) rotateX(5deg)}.map{border-radius:16px;overflow:hidden;position:relative;width:100%}.map iframe{filter:grayscale(40%) contrast(110%) brightness(95%);transition:all .5s ease}.map-container:hover iframe{filter:grayscale(0) contrast(110%) brightness(100%)}.map-overlay{background:radial-gradient(circle at center,#4f46e533,#0000 70%);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}.map-overlay.loaded{opacity:1}.location-pin{animation:pinDrop 1s ease-out forwards,pinPulse 2s infinite;background-color:#ff4136;border-radius:50% 50% 50% 0;box-shadow:0 0 10px #ff413699;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:20px}.location-pin:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:6px;position:absolute;top:6px;width:8px}@keyframes pinDrop{0%{opacity:0;transform:translate(-50%,-200%) rotate(-45deg)}60%{transform:translate(-50%,-40%) rotate(-45deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(-45deg)}}@keyframes pinPulse{0%{box-shadow:0 0 0 0 #ff4136b3}70%{box-shadow:0 0 0 10px #ff413600}to{box-shadow:0 0 0 0 #ff413600}}.contact-content{grid-gap:2rem;animation:fadeIn 1s ease-out;animation-delay:.3s;animation-fill-mode:both;display:grid;gap:2rem;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;width:100%}.contact-form-container,.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 30px #0003;padding:2rem;transition:all .3s ease}.contact-info{animation:slideInRight .8s ease-out;animation-delay:.2s;animation-fill-mode:both}.contact-form-container{animation:slideInRight .8s ease-out;animation-delay:.4s;animation-fill-mode:both;overflow:hidden;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.contact-form-container:hover,.contact-info:hover{border-color:#4f46e566;box-shadow:0 15px 35px #00000040;transform:translateY(-8px)}.contact-form-container .section-title,.contact-info .section-title{color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0003}.section-title:after{background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.info-item{margin-bottom:1.5rem;position:relative}.info-item h3{color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.info-item p{color:#ffffffe6;font-size:1.05rem;line-height:1.6}.social-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.social-link{align-items:center;background-color:#4f46e599;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;height:60px;justify-content:center;text-decoration:none;transition:all .3s ease;width:60px}.social-link:hover{background-color:gold;border-color:#ffffff80;box-shadow:0 10px 15px #00000040;color:#fff;transform:translateY(-5px)}.social-link svg{filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));height:32px;transition:transform .3s ease,color .3s ease;width:32px}.social-link:hover svg{color:#fff;transform:scale(1.2)}.form-decoration{bottom:-30px;pointer-events:none;position:absolute;right:-30px;z-index:0}.decoration-circle{animation:rotateCircle 20s linear infinite;background:linear-gradient(135deg,#4f46e566,#10b98166);border-radius:50%;height:150px;position:relative;width:150px}.decoration-bar{animation:rotateBar 10s linear infinite;background:linear-gradient(90deg,#ffffff1a,#fff6,#ffffff1a);height:10px;left:50%;position:absolute;top:50%;transform-origin:left center;width:180px}@keyframes rotateCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateBar{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.form-group{margin-bottom:2rem;position:relative;z-index:1}.form-group label{display:block;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-shadow:0 1px 2px #0003;transform:translateY(0)}.form-control,.form-group label{color:#fff;transition:all .3s ease}.form-control{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #00000026;font-size:1.05rem;padding:1rem 1.25rem;width:100%}.form-control:focus{background-color:#ffffff26;border-color:#6366f1cc;box-shadow:0 0 0 3px #6366f14d,0 8px 20px #00000026;outline:none;transform:translateY(-3px)}.form-control::placeholder{color:#fff9}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.button-secondary{background:#0000;border:2px solid #8b5cf6;box-shadow:0 4px 6px #8b5cf640,0 0 10px #8b5cf666;color:#fff;position:relative}.button-secondary:hover{background:#8b5cf61a;border-color:#a78bfa;box-shadow:0 8px 15px #8b5cf64d,0 0 15px #8b5cf699;transform:translateY(-2px)}.button-secondary:after{animation:gradientBorder 3s ease infinite;background:linear-gradient(45deg,#8b5cf6,#ec4899,#4f46e5,#8b5cf6);background-size:400% 400%;border-radius:15px;bottom:-3px;content:"";filter:blur(3px);left:-3px;opacity:.7;position:absolute;right:-3px;top:-3px;z-index:-1}.button-secondary:disabled{background:#8b5cf60d;border-color:#8b5cf680;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:1px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.button:hover:before{left:100%}.button-primary{background:linear-gradient(135deg,#4f46e5,#8b5cf6);box-shadow:0 8px 20px #00000040,0 0 15px #4f46e580;color:#fff;position:relative}.button-primary:hover{background:linear-gradient(135deg,#4338ca,#7c3aed);box-shadow:0 12px 28px #0000004d,0 0 20px #8b5cf6b3;transform:translateY(-5px)}.button-primary:after{animation:gradientBorder 3s ease infinite;background:linear-gradient(45deg,#4f46e5,#ec4899,#8b5cf6,#4f46e5);background-size:400% 400%;border-radius:15px;bottom:-3px;content:"";filter:blur(3px);left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes gradientBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.button-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-message{animation:fadeInUp .5s ease-out;border-radius:10px;margin-bottom:1.5rem;padding:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-message.success{background-color:#10b98133;border:1px solid #10b98166;color:#ecfdf5}.form-message.error{background-color:#ef444433;border:1px solid #ef444466;color:#fee2e2}.form-group.error .form-control{background-color:#ef44441a;border-color:#ef444499}.error-message{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;color:#fca5a5;font-size:.875rem;margin-top:.5rem}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.loading-spinner-btn{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1.2rem;margin-right:.5rem;width:1.2rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.contact-content{grid-template-columns:1fr}.contact-info{margin-bottom:1.5rem}.page-header h1{font-size:2.5rem}.contact-form-container{width:100%}.map iframe,.map-container{height:200px}.decoration-circle{height:100px;width:100px}.decoration-bar{width:120px}.form-buttons{flex-direction:column;gap:.75rem}}.footer{background-color:var(--primary-color);margin-top:auto;padding:2rem 0}.footer-content{flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-content,.footer-logo{align-items:center;display:flex}.footer-logo{font-size:1.5rem;font-weight:700;gap:.5rem}.footer-copyright{font-size:.9rem;opacity:.8}.footer-links{display:flex;gap:1.5rem}.footer-link{color:#fff;font-size:.9rem;opacity:.8;text-decoration:none;transition:opacity .3s ease}.footer-link:hover{opacity:1}@media (max-width:768px){.footer-content,.footer-links{gap:1rem}}chome*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#4f46e5;background-image:url(/static/media/background_wide.fcfeecd3df5539c26ef5.jpg);background-position:50%;background-repeat:no-repeat;color:#333;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;position:relative}#root{animation:initialFade .8s ease-out;height:100%}@keyframes initialFade{0%{opacity:0}to{opacity:1}}@keyframes panBackground{0%{background-position:0;background-size:120% auto}to{background-position:100%;background-size:120% auto}}.App{background-color:#f8f9fae6;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;will-change:opacity,transform}.App .navbar{-webkit-font-smoothing:subpixel-antialiased;animation:navbarAppear .7s cubic-bezier(.26,.86,.44,.985) forwards;backface-visibility:hidden;transform:translateZ(0);transform-origin:top center;will-change:transform,opacity}@keyframes navbarAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.App .main-content{flex:1 1;margin:0;padding:0;position:relative;width:100%;will-change:transform,opacity}.App .main-content>*{animation:contentReveal .8s cubic-bezier(.215,.61,.355,1) forwards;transform:translateZ(0);will-change:transform,opacity,filter}@keyframes contentReveal{0%{filter:blur(2px);opacity:0;transform:translateY(20px) scale(.98)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.App .footer{animation:footerSlideUp .7s cubic-bezier(.19,1,.22,1) both;animation-delay:.1s;transform:translateZ(0);will-change:transform,opacity}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-container>div,.page-container>div{animation:elementAppear .6s ease forwards;opacity:0;transform:translateZ(0);will-change:transform,opacity}.home-container>div:first-child,.page-container>div:first-child{animation-delay:.1s}.home-container>div:nth-child(2),.page-container>div:nth-child(2){animation-delay:.3s}.home-container>div:nth-child(3),.page-container>div:nth-child(3){animation-delay:.5s}.home-container>div:nth-child(4),.page-container>div:nth-child(4){animation-delay:.7s}@keyframes elementAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-content>:first-child{min-height:100vh}.footer{background-color:#333;color:#fff;margin-top:2rem;padding:1.5rem;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-page{margin-bottom:0}.main-content.home-page{flex:1 0 auto;margin:0;min-height:100vh;padding:0}
/*# sourceMappingURL=main.bedb2277.css.map*/