.AboutPage{animation:fadeIn .5s ease-out}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#037fff,#6c63ff,#64ffda);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.section-heading{align-items:center;color:#e6f1ff;color:var(--color-text-bright);display:flex;font-size:1.5rem;font-weight:700;gap:1rem;margin-bottom:2rem}.section-heading .section-number{color:#037fff;color:var(--color-primary);font-family:monospace;font-size:1rem;font-weight:600}.about-hero{margin-bottom:4rem}.about-hero__content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}@media screen and (max-width:900px){.about-hero__content{gap:2rem;grid-template-columns:1fr}.about-hero__text{order:2}}.about-hero__badge{align-items:center;background:#64ffda1a;border:1px solid #64ffda33;border-radius:20px;color:#64ffda;color:var(--color-accent);display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem}.about-hero__badge .pulse-dot{animation:pulse 2s ease-in-out infinite;font-size:.5rem}.about-hero__title{color:#e6f1ff;color:var(--color-text-bright);font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1rem}@media screen and (max-width:600px){.about-hero__title{font-size:2rem}}.about-hero__subtitle{color:#8892b0;color:var(--color-text-muted);font-size:1.15rem;line-height:1.7;margin-bottom:1.25rem}.about-hero__location{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem}.about-hero__location svg{color:#037fff;color:var(--color-primary);font-size:.85rem}.about-hero__location .separator{color:#1e1e2e;color:var(--color-border)}.about-hero__image{display:flex;justify-content:center;position:relative}@media screen and (max-width:900px){.about-hero__image{order:1}}.image-frame{height:380px;position:relative;width:320px}@media screen and (max-width:600px){.image-frame{height:320px;width:260px}}.image-frame img{border-radius:16px;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.image-frame__border{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#037fff,#6c63ff,#64ffda) border-box;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent)) border-box;border:2px solid #0000;border-radius:20px;inset:-8px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;z-index:1}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.floating-badge{align-items:center;animation:float 4s ease-in-out infinite;border-radius:12px;box-shadow:0 8px 25px #0000004d;display:flex;font-size:1.4rem;height:50px;justify-content:center;position:absolute;width:50px;z-index:3}@media screen and (max-width:600px){.floating-badge{font-size:1.1rem;height:40px;width:40px}}.floating-badge--react{animation-delay:0s;background:linear-gradient(135deg,#61dafb,#21a1c4);color:#fff;right:-10px;top:10%}.floating-badge--node{animation-delay:1.5s;background:linear-gradient(135deg,#68a063,#3d6b36);bottom:20%;color:#fff;left:-10px}.floating-badge--aws{animation-delay:3s;background:linear-gradient(135deg,#f90,#c77700);bottom:-5px;color:#fff;right:20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-item{align-items:center;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.stat-item:hover{border-color:#037fff;border-color:var(--color-primary);box-shadow:0 10px 30px #037fff1a;transform:translateY(-3px)}.stat-item:hover .stat-item__icon{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transform:scale(1.1)}.stat-item:hover .stat-item__icon svg{color:#fff}.stat-item__icon{align-items:center;background:#037fff1a;border-radius:10px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.stat-item__icon svg{color:#037fff;color:var(--color-primary);font-size:1.2rem}.stat-item__content{display:flex;flex-direction:column}.stat-item__value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1.2}.stat-item__label{color:#8892b0;color:var(--color-text-muted);font-size:.8rem;font-weight:500}.about-story{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;margin-bottom:4rem;overflow:hidden;padding:2.5rem;position:relative}.about-story:before{background:linear-gradient(180deg,#037fff,#6c63ff,#64ffda);background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary),var(--color-accent));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.about-story__text{margin-bottom:2rem}.about-story__text .lead-text{color:#ccd6f6;color:var(--color-text);font-size:1.15rem;font-weight:500;line-height:1.7;margin-bottom:1.25rem}.about-story__text p{color:#8892b0;color:var(--color-text-muted);line-height:1.8;margin-bottom:1rem}.about-story__text p:last-child{margin-bottom:0}.download-btn{align-items:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.6rem;overflow:hidden;padding:.9rem 1.75rem;position:relative;text-decoration:none;transition:all .3s ease}.download-btn:hover{box-shadow:0 10px 30px #037fff4d;transform:translateY(-2px)}.download-btn:hover .btn-shine{left:100%}.download-btn .btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.experience-section{margin-bottom:4rem}.timeline{padding-left:2rem;position:relative}@media screen and (max-width:600px){.timeline{padding-left:1.5rem}}.timeline-item{display:flex;gap:1.5rem;margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-item__marker{align-items:center;display:flex;flex-direction:column;position:relative}.timeline-item__marker .marker-dot{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;flex-shrink:0;height:14px;width:14px;z-index:1}.timeline-item__marker .marker-line{background:#1e1e2e;background:var(--color-border);flex:1 1;margin-top:.5rem;width:2px}.timeline-item__content{flex:1 1;padding-bottom:1.5rem}.timeline-year{background:#037fff1a;border-radius:20px;color:#037fff;color:var(--color-primary);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem}.timeline-role{color:#e6f1ff;color:var(--color-text-bright);font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.timeline-company{display:block;margin-bottom:.5rem}.timeline-company,.timeline-description{color:#8892b0;color:var(--color-text-muted);font-size:.9rem}.timeline-description{line-height:1.6}.skills-section{margin-bottom:4rem}.skills-grid-new{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:900px){.skills-grid-new{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.skills-grid-new{grid-template-columns:1fr}}.skill-card{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.skill-card:hover{border-color:#037fff;border-color:var(--accent-color,var(--color-primary));box-shadow:0 10px 30px #00000026;transform:translateY(-3px)}.skill-card:hover .skill-card__icon{transform:scale(1.1)}.skill-card__header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.skill-card__icon{align-items:center;border-radius:10px;display:flex;font-size:1.2rem;height:42px;justify-content:center;transition:transform .3s ease;width:42px}.skill-card__title{color:#e6f1ff;color:var(--color-text-bright);font-size:1rem;font-weight:600}.skill-card__tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-chip{background:#037fff0f;border:1px solid #037fff1a;border-radius:6px;color:#ccd6f6;color:var(--color-text);display:inline-block;font-size:.78rem;font-weight:500;padding:.3rem .7rem;transition:all .2s ease}.skill-chip:hover{background:#037fff1f;border-color:#037fff40}.services-section{margin-bottom:4rem}.services-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:700px){.services-grid{grid-template-columns:1fr}}.service-card{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.service-card:hover{border-color:#037fff4d;box-shadow:0 15px 40px #037fff1a;transform:translateY(-5px)}.service-card:hover .service-card__icon{transform:scale(1.1) rotate(5deg)}.service-card:hover .service-card__glow{opacity:.1}.service-card__icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;margin-bottom:1.25rem;transition:transform .4s ease;width:56px}.service-card__icon svg{color:#fff;font-size:1.5rem}.service-card__title{color:#e6f1ff;color:var(--color-text-bright);font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.service-card__description{color:#8892b0;color:var(--color-text-muted);font-size:.92rem;line-height:1.7}.service-card__glow{filter:blur(80px);height:100%;opacity:0;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:opacity .4s ease;width:100%}.about-cta{align-items:center;background:linear-gradient(135deg,#037fff14,#6c63ff14);border:1px solid #037fff26;border-radius:16px;display:flex;gap:2rem;justify-content:space-between;padding:2.5rem}@media screen and (max-width:700px){.about-cta{flex-direction:column;text-align:center}}.about-cta__content h3{color:#e6f1ff;color:var(--color-text-bright);font-size:1.4rem;font-weight:700;margin-bottom:.35rem}.about-cta__content p{color:#8892b0;color:var(--color-text-muted);font-size:.95rem}.about-cta .cta-button{align-items:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.9rem 1.75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.about-cta .cta-button svg{font-size:.8rem;transition:transform .3s ease}.about-cta .cta-button:hover{box-shadow:0 10px 30px #037fff40;transform:translateY(-2px)}.about-cta .cta-button:hover svg{transform:translateX(4px)}.btn{align-items:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.8rem 2rem;text-decoration:none;transition:all .35s cubic-bezier(.645,.045,.355,1)}.btn:hover{box-shadow:0 8px 25px #037fff40;transform:translateY(-2px)}.BlogsPageNew .blog-header{margin-bottom:2.5rem}.BlogsPageNew .blog-header__subtitle{color:#8892b0;color:var(--color-text-muted);font-size:1.05rem;line-height:1.6;margin-top:.75rem;max-width:600px}.BlogsPageNew .section-header{margin-bottom:1.5rem}.BlogsPageNew .section-header h2{align-items:center;color:#e6f1ff;color:var(--color-text-bright);display:flex;font-size:1.3rem;font-weight:700;gap:.6rem}.BlogsPageNew .section-header h2 svg{color:#037fff;color:var(--color-primary);font-size:1.1rem}.BlogsPageNew .section-header h2 .count{color:#8892b0;color:var(--color-text-muted);font-size:.9rem;font-weight:400;margin-left:.5rem}.featured-section{margin-bottom:3rem}.featured-section .featured-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:900px){.featured-section .featured-grid{grid-template-columns:1fr}}.featured-section .featured-card{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;display:block;overflow:hidden;text-decoration:none;transition:all .35s cubic-bezier(.645,.045,.355,1)}.featured-section .featured-card:hover{border-color:#037fff66;box-shadow:0 20px 40px #037fff1a;transform:translateY(-6px)}.featured-section .featured-card:hover .featured-card__image img{transform:scale(1.08)}.featured-section .featured-card:hover .read-more{color:#037fff;color:var(--color-primary);gap:.6rem}.featured-section .featured-card__image{height:220px;overflow:hidden;position:relative}.featured-section .featured-card__image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.featured-section .featured-card__image .featured-card__overlay{left:0;padding:1rem;position:absolute;right:0;top:0}.featured-section .featured-card__image .featured-card__overlay .featured-badge{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:20px;color:#fff;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.featured-section .featured-card__content{padding:1.5rem}.featured-section .featured-card__content .featured-card__meta{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.featured-section .featured-card__content .featured-card__meta .category{color:#037fff;color:var(--color-primary);font-size:.78rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.featured-section .featured-card__content .featured-card__meta .read-time{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:.78rem;gap:.3rem}.featured-section .featured-card__content .featured-card__meta .read-time svg{font-size:.7rem}.featured-section .featured-card__content h3{color:#e6f1ff;color:var(--color-text-bright);font-size:1.2rem;font-weight:700;line-height:1.4;margin-bottom:.6rem}.featured-section .featured-card__content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8892b0;color:var(--color-text-muted);display:-webkit-box;font-size:.9rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.featured-section .featured-card__content .featured-card__footer{align-items:center;display:flex;justify-content:space-between}.featured-section .featured-card__content .featured-card__footer .tags{display:flex;gap:.4rem}.featured-section .featured-card__content .featured-card__footer .tags .tag{background:#037fff14;border-radius:4px;color:#037fff;color:var(--color-primary);font-size:.7rem;padding:.2rem .5rem}.featured-section .featured-card__content .featured-card__footer .read-more{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:.82rem;font-weight:500;gap:.4rem;transition:all .3s ease}.featured-section .featured-card__content .featured-card__footer .read-more svg{font-size:.75rem}.blog-filters{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.25rem}@media screen and (min-width:700px){.blog-filters{align-items:center;flex-direction:row;justify-content:space-between}}.blog-filters .search-box{align-items:center;background:#0a0a0f;background:var(--color-bg);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;display:flex;flex:1 1;gap:.75rem;max-width:300px;padding:.6rem 1rem}.blog-filters .search-box svg{color:#8892b0;color:var(--color-text-muted);font-size:.85rem}.blog-filters .search-box input{background:#0000;border:none;color:#ccd6f6;color:var(--color-text);flex:1 1;font-size:.9rem;outline:none}.blog-filters .search-box input::placeholder{color:#8892b0;color:var(--color-text-muted)}.blog-filters .category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.blog-filters .category-filters .category-btn{background:#0000;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:20px;color:#8892b0;color:var(--color-text-muted);cursor:pointer;font-size:.78rem;font-weight:500;padding:.45rem .9rem;transition:all .25s ease;white-space:nowrap}.blog-filters .category-filters .category-btn:hover{border-color:#037fff;border-color:var(--color-primary);color:#037fff;color:var(--color-primary)}.blog-filters .category-filters .category-btn.active{background:#037fff;background:var(--color-primary);border-color:#037fff;border-color:var(--color-primary);color:#fff}.blog-grid-section{margin-bottom:2rem}.no-results{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;padding:3rem 2rem;text-align:center}.no-results p{color:#8892b0;color:var(--color-text-muted);margin-bottom:1rem}.no-results button{background:#037fff;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.no-results button:hover{background:#6c63ff;background:var(--color-secondary)}.BlogsPage{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media screen and (max-width:900px){.BlogsPage{grid-template-columns:1fr}}.BlogsPage .blog{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .35s cubic-bezier(.645,.045,.355,1)}.BlogsPage .blog:hover{border-color:#037fff4d;box-shadow:0 10px 35px #037fff14;transform:translateY(-4px)}.BlogsPage .blog:hover .blog-img img{transform:scale(1.05)}.BlogsPage .blog:hover .blog-link{color:#037fff;color:var(--color-primary)}.BlogsPage .blog .blog-content{color:inherit;display:block;text-decoration:none}.BlogsPage .blog .blog-content .blog-img{height:200px;overflow:hidden;position:relative}.BlogsPage .blog .blog-content .blog-img img{display:block;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.645,.045,.355,1);width:100%}.BlogsPage .blog .blog-content .blog-img .blog-category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;color:#fff;font-size:.68rem;font-weight:500;left:.75rem;letter-spacing:.3px;padding:.25rem .6rem;position:absolute;text-transform:uppercase;top:.75rem}.BlogsPage .blog .blog-content .blog-info{padding:1.25rem 1.5rem 1.5rem}.BlogsPage .blog .blog-content .blog-info .blog-meta-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.BlogsPage .blog .blog-content .blog-info .blog-date{align-items:baseline;display:flex;gap:.5rem}.BlogsPage .blog .blog-content .blog-info .blog-date .blog-day{color:#037fff;color:var(--color-primary);font-size:1.5rem;font-weight:700;line-height:1}.BlogsPage .blog .blog-content .blog-info .blog-date .blog-month{color:#8892b0;color:var(--color-text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.BlogsPage .blog .blog-content .blog-info .blog-read-time{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:.78rem;gap:.4rem}.BlogsPage .blog .blog-content .blog-info .blog-read-time svg{font-size:.7rem}.BlogsPage .blog .blog-content .blog-info .blog-link{color:#e6f1ff;color:var(--color-text-bright);display:block;font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:.6rem;text-decoration:none;transition:color .3s ease}.BlogsPage .blog .blog-content .blog-info .blog-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8892b0;color:var(--color-text-muted);display:-webkit-box;font-size:.88rem;line-height:1.6;margin-bottom:.85rem;overflow:hidden}.BlogsPage .blog .blog-content .blog-info .blog-tags{display:flex;flex-wrap:wrap;gap:.4rem}.BlogsPage .blog .blog-content .blog-info .blog-tags .blog-tag{background:#037fff14;border-radius:4px;color:#037fff;color:var(--color-primary);font-size:.72rem;font-weight:500;letter-spacing:.3px;padding:.2rem .6rem}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0;padding:1rem}.pagination .pagination-btn{align-items:center;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;color:#ccd6f6;color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease}.pagination .pagination-btn:hover:not(:disabled){border-color:#037fff;border-color:var(--color-primary);color:#037fff;color:var(--color-primary)}.pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination .pagination-btn svg{font-size:.75rem}.pagination .pagination-numbers{display:flex;gap:.5rem}.pagination .pagination-numbers .pagination-num{align-items:center;background:#0000;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;color:#8892b0;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;height:36px;justify-content:center;transition:all .3s ease;width:36px}.pagination .pagination-numbers .pagination-num:hover{border-color:#037fff;border-color:var(--color-primary);color:#037fff;color:var(--color-primary)}.pagination .pagination-numbers .pagination-num.active{background:#037fff;background:var(--color-primary);border-color:#037fff;border-color:var(--color-primary);color:#fff}@media screen and (max-width:600px){.pagination{flex-wrap:wrap;gap:.75rem}.pagination .pagination-btn{font-size:.8rem;padding:.5rem .75rem}}.newsletter-cta{background:linear-gradient(135deg,#037fff14,#6c63ff14);border:1px solid #037fff26;border-radius:16px;margin:3rem 0;padding:2.5rem;text-align:center}.newsletter-cta .newsletter-content{margin:0 auto;max-width:500px}.newsletter-cta .newsletter-content h3{color:#e6f1ff;color:var(--color-text-bright);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.newsletter-cta .newsletter-content p{color:#8892b0;color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.newsletter-cta .newsletter-content .follow-btn{align-items:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.newsletter-cta .newsletter-content .follow-btn:hover{box-shadow:0 8px 20px #037fff4d;transform:translateY(-2px)}.newsletter-cta .newsletter-content .follow-btn svg{font-size:.85rem}.BlogPostPage{margin:0 auto;max-width:800px;padding-bottom:4rem}.back-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;margin-bottom:2rem;padding:0;transition:color .3s ease}.blog-post-not-found{padding:6rem 2rem;text-align:center}.blog-post-not-found h2{color:#e6f1ff;color:var(--color-text-bright);font-size:1.8rem;margin-bottom:.75rem}.blog-post-not-found p{color:#8892b0;color:var(--color-text-muted);margin-bottom:2rem}.blog-post{animation:fadeInUp .5s ease-out}.blog-post-hero{border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;margin-bottom:2.5rem;overflow:hidden}.blog-post-hero .blog-post-cover{display:block;height:350px;object-fit:cover;width:100%}@media screen and (max-width:600px){.blog-post-hero{margin-bottom:1.75rem}.blog-post-hero .blog-post-cover{height:200px}}.blog-post-header{border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border);margin-bottom:2.5rem;padding-bottom:2rem}.blog-post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.blog-post-meta .blog-post-category{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:20px;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.5px;padding:.3rem .75rem;text-transform:uppercase}.blog-post-meta .blog-post-date,.blog-post-meta .blog-post-read-time{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:.85rem;gap:.45rem}.blog-post-meta .blog-post-date svg,.blog-post-meta .blog-post-read-time svg{color:#037fff;color:var(--color-primary);font-size:.8rem}.blog-post-title{color:#e6f1ff;color:var(--color-text-bright);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:-.5px;line-height:1.25;margin-bottom:1.25rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-tags .blog-post-tag{background:#037fff14;border:1px solid #037fff1f;border-radius:6px;color:#037fff;color:var(--color-primary);font-size:.8rem;font-weight:500;letter-spacing:.3px;padding:.3rem .85rem}.blog-post-body .post-heading{color:#e6f1ff;color:var(--color-text-bright);font-size:1.4rem;font-weight:700;letter-spacing:-.3px;margin-bottom:1rem;margin-top:2.5rem;padding-left:1rem;position:relative}.blog-post-body .post-heading:before{background:linear-gradient(180deg,#037fff,#6c63ff);background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px;bottom:.2em;content:"";left:0;position:absolute;top:.2em;width:3px}.blog-post-body .post-paragraph{color:#ccd6f6;color:var(--color-text);font-size:1.02rem;line-height:1.85;margin-bottom:1.25rem}.blog-post-body .post-paragraph:last-child{margin-bottom:0}.blog-post-body .post-code-block{background:#0d0d14;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;margin:1.75rem 0;overflow:hidden}.blog-post-body .post-code-block .code-header{align-items:center;background:#ffffff08;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.65rem 1.25rem}.blog-post-body .post-code-block .code-header .code-lang{color:#8892b0;color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.blog-post-body .post-code-block .code-header .code-dots{display:flex;gap:6px}.blog-post-body .post-code-block .code-header .code-dots span{background:#ffffff14;border-radius:50%;height:10px;width:10px}.blog-post-body .post-code-block .code-header .code-dots span:first-child{background:#ff5f57}.blog-post-body .post-code-block .code-header .code-dots span:nth-child(2){background:#febc2e}.blog-post-body .post-code-block .code-header .code-dots span:last-child{background:#28c840}.blog-post-body .post-code-block pre{margin:0;overflow-x:auto;padding:1.25rem 1.5rem}.blog-post-body .post-code-block pre::-webkit-scrollbar{height:6px}.blog-post-body .post-code-block pre::-webkit-scrollbar-track{background:#0000}.blog-post-body .post-code-block pre::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.blog-post-body .post-code-block pre code{color:#ccd6f6;color:var(--color-text);font-family:SF Mono,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.85rem;line-height:1.7;tab-size:2;white-space:pre}.blog-post-author{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1.25rem;margin:3rem 0;padding:1.5rem}.blog-post-author .author-avatar{background-clip:content-box,border-box;background-image:linear-gradient(#12121a,#12121a),linear-gradient(135deg,#037fff,#6c63ff);background-image:linear-gradient(var(--color-bg-surface),var(--color-bg-surface)),linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-origin:border-box;border:3px solid #0000;border-radius:50%;height:70px;object-fit:cover;width:70px}.blog-post-author .author-info{flex:1 1}.blog-post-author .author-info h4{color:#e6f1ff;color:var(--color-text-bright);font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.blog-post-author .author-info p{color:#8892b0;color:var(--color-text-muted);font-size:.88rem;line-height:1.6;margin-bottom:.75rem}.blog-post-author .author-info .author-links{display:flex;gap:1rem}.blog-post-author .author-info .author-links a{color:#037fff;color:var(--color-primary);font-size:.82rem;font-weight:500;text-decoration:none;transition:opacity .3s ease}.blog-post-author .author-info .author-links a:hover{opacity:.7}@media screen and (max-width:500px){.blog-post-author{align-items:center;flex-direction:column;text-align:center}.blog-post-author .author-links{justify-content:center}}.blog-post-nav{border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border);display:flex;gap:1.5rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}@media screen and (max-width:600px){.blog-post-nav{flex-direction:column;gap:1rem}}.post-nav-link{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0;padding:1.25rem 1.5rem;text-decoration:none;transition:all .3s ease}.post-nav-link:hover{border-color:#037fff4d;box-shadow:0 6px 20px #037fff0f;transform:translateY(-2px)}.post-nav-link.next{text-align:right}.post-nav-link .post-nav-label{align-items:center;color:#037fff;color:var(--color-primary);display:flex;font-size:.78rem;font-weight:500;gap:.4rem;letter-spacing:.5px;text-transform:uppercase}.post-nav-link .post-nav-label svg{font-size:.7rem}.post-nav-link.next .post-nav-label{justify-content:flex-end}.post-nav-link .post-nav-title{color:#e6f1ff;color:var(--color-text-bright);font-size:.92rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-posts{border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2.5rem}.related-posts h3{color:#e6f1ff;color:var(--color-text-bright);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.related-posts .related-posts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:800px){.related-posts .related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.related-posts .related-posts-grid{grid-template-columns:1fr}}.related-posts .related-post-card{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;text-decoration:none;transition:all .3s ease}.related-posts .related-post-card:hover{border-color:#037fff4d;box-shadow:0 8px 20px #037fff14;transform:translateY(-3px)}.related-posts .related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-posts .related-post-card .related-post-image{height:120px;overflow:hidden}.related-posts .related-post-card .related-post-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.related-posts .related-post-card .related-post-content{padding:1rem}.related-posts .related-post-card .related-post-content .related-post-category{color:#037fff;color:var(--color-primary);display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.related-posts .related-post-card .related-post-content h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e6f1ff;color:var(--color-text-bright);display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;overflow:hidden}.related-posts .related-post-card .related-post-content .related-post-meta span{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:.72rem;gap:.3rem}.related-posts .related-post-card .related-post-content .related-post-meta span svg{font-size:.65rem}@media screen and (max-width:600px){.blog-post-header{margin-bottom:2rem;padding-bottom:1.5rem}.blog-post-meta{gap:.75rem}.blog-post-body .post-heading{font-size:1.2rem;margin-top:2rem}.blog-post-body .post-paragraph{font-size:.95rem;line-height:1.75}.blog-post-body .post-code-block pre{padding:1rem}.blog-post-body .post-code-block pre code{font-size:.78rem}}.ContactPage-new{animation:fadeIn .5s ease-out;max-width:100%;overflow-x:hidden}.contact-header{margin-bottom:2rem;text-align:center}.contact-header__subtitle{color:#8892b0;color:var(--color-text-muted);font-size:1.1rem;margin-top:-1rem}.availability-banner{background:linear-gradient(135deg,#64ffda14,#037fff14);border:1px solid #64ffda33;border-radius:12px;margin-bottom:2.5rem;padding:1rem 1.5rem}@media screen and (max-width:480px){.availability-banner{margin-bottom:1.5rem;padding:.75rem 1rem}}.availability-banner__content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}@media screen and (max-width:600px){.availability-banner__content{align-items:flex-start;flex-direction:column;gap:.75rem}}.availability-banner .availability-status{align-items:center;color:#64ffda;color:var(--color-accent);display:flex;font-size:.9rem;font-weight:500;gap:.6rem}@media screen and (max-width:480px){.availability-banner .availability-status{font-size:.8rem}}.availability-banner .availability-status .status-dot{flex-shrink:0;font-size:.5rem}.availability-banner .availability-status .status-dot.pulse{animation:pulse 2s ease-in-out infinite}.availability-banner .response-time{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:.85rem;gap:.5rem}@media screen and (max-width:480px){.availability-banner .response-time{font-size:.75rem}}.availability-banner .response-time svg{color:#037fff;color:var(--color-primary);flex-shrink:0;font-size:.8rem}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.2fr 1fr;margin-bottom:3rem}@media screen and (max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-form-section{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;padding:2rem}@media screen and (max-width:600px){.contact-form-section{padding:1.5rem}}.form-header{margin-bottom:1.75rem}.form-header h3{color:#e6f1ff;color:var(--color-text-bright);font-size:1.3rem;font-weight:700;margin-bottom:.35rem}.form-header p{color:#8892b0;color:var(--color-text-muted);font-size:.9rem}.contact-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media screen and (max-width:600px){.contact-form .form-row{grid-template-columns:1fr}}.contact-form .form-group{margin-bottom:1.25rem}.contact-form .form-group label{color:#ccd6f6;color:var(--color-text);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.contact-form .form-group input,.contact-form .form-group textarea{background:#0a0a0f;background:var(--color-bg);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;color:#e6f1ff;color:var(--color-text-bright);font-family:inherit;font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#8892b0;color:var(--color-text-muted);opacity:.6}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:#037fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #037fff1a;outline:none}.contact-form .form-group input:hover:not(:focus),.contact-form .form-group textarea:hover:not(:focus){border-color:#037fff4d}.contact-form .form-group textarea{min-height:120px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.6rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.submit-btn span{color:#fff}.submit-btn svg{color:#fff;font-size:.9rem;transition:transform .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #037fff4d;transform:translateY(-2px)}.submit-btn:hover:not(:disabled) svg{transform:translateX(3px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.contact-info-section{display:flex;flex-direction:column;gap:1.5rem}.contact-cards{display:flex;flex-direction:column;gap:.75rem}.contact-card{align-items:center;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;color:inherit;display:flex;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease}.contact-card:hover{border-color:#037fff;border-color:var(--card-color,var(--color-primary));box-shadow:0 5px 20px #0000001a;transform:translateX(5px)}.contact-card:hover .contact-card__icon{background:#037fff;background:var(--card-color,var(--color-primary));color:#fff;transform:scale(1.05)}.contact-card:hover .contact-card__arrow{opacity:1;transform:translateX(0)}.contact-card__icon{align-items:center;background:#037fff1a;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.contact-card__icon svg{color:#037fff;color:var(--card-color,var(--color-primary));font-size:1.1rem}.contact-card__content{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.contact-card__title{color:#8892b0;color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.contact-card__value{color:#e6f1ff;color:var(--color-text-bright);font-size:.95rem;font-weight:500;word-break:break-word}@media screen and (max-width:480px){.contact-card__value{font-size:.85rem}}.contact-card__arrow{color:#8892b0;color:var(--color-text-muted);font-size:.8rem;opacity:0;transform:translateX(-5px);transition:all .3s ease}.social-section{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;padding:1.25rem}.social-section h4{color:#e6f1ff;color:var(--color-text-bright);font-size:.9rem;font-weight:600;margin-bottom:1rem}.social-links{gap:.75rem}.social-link{align-items:center;background:#037fff14;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:1.1rem;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-link:hover{background:#037fff;background:var(--social-color,var(--color-primary));border-color:#037fff;border-color:var(--social-color,var(--color-primary));box-shadow:0 8px 20px #0003;color:#fff;transform:translateY(-3px)}.quick-info{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;padding:1.25rem}.quick-info h4{color:#e6f1ff;color:var(--color-text-bright);font-size:.9rem;font-weight:600;margin-bottom:1rem}.info-list{list-style:none;margin:0;padding:0}.info-list li{align-items:center;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:.88rem;gap:.6rem;padding:.5rem 0}.info-list li svg{color:#64ffda;color:var(--color-accent);flex-shrink:0;font-size:.85rem}.info-list li:not(:last-child){border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border)}.map-section{margin-top:2rem}.map-wrapper{border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;position:relative}.map-wrapper iframe{display:block;filter:invert(90%) hue-rotate(180deg) brightness(.7) contrast(1.3);height:300px;width:100%}.map-wrapper .map-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0fe6;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;bottom:1rem;color:#e6f1ff;color:var(--color-text-bright);display:flex;font-size:.85rem;font-weight:500;gap:.6rem;left:1rem;padding:.6rem 1rem;position:absolute}.map-wrapper .map-overlay .location-pin{align-items:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.map-wrapper .map-overlay .location-pin svg{color:#fff;font-size:.9rem}.title{margin-bottom:2rem}.ContactPage{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem}@media screen and (max-width:1000px){.ContactPage{grid-template-columns:1fr}}.map-sect{border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;min-height:400px;overflow:hidden}.map-sect iframe{display:block;filter:invert(90%) hue-rotate(180deg) brightness(.7) contrast(1.3);height:100%;width:100%}@media screen and (max-width:1000px){.map-sect{min-height:300px}}.contact-sect{display:flex;flex-direction:column;gap:1rem;justify-content:center}.ContactItem{width:100%}.ContactItem .contact{align-items:center;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1.25rem;padding:1.5rem;transition:all .35s cubic-bezier(.645,.045,.355,1)}.ContactItem .contact:hover{border-color:#037fff4d;box-shadow:0 5px 20px #037fff0f;transform:translateX(5px)}.ContactItem .contact img{border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;flex-shrink:0;height:50px;padding:.65rem;transition:border-color .3s ease;width:50px}.ContactItem .contact:hover img{border-color:#037fff;border-color:var(--color-primary)}.ContactItem .contact .right-items h6{color:#e6f1ff;color:var(--color-text-bright);font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.ContactItem .contact .right-items p{color:#8892b0;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.App .sidebar{background-color:#0f0f17;background-color:var(--color-bg-sidebar);border-right:1px solid #1e1e2e;border-right:1px solid var(--color-border);height:100vh;position:fixed;transform-origin:left;width:16%;z-index:11}@media screen and (max-width:1000px){.App .sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0f0f17f2;transform:translateX(-100%);transition:all .4s cubic-bezier(.645,.045,.355,1);width:280px}}@media screen and (max-width:411px){.App .sidebar{width:260px}}@media screen and (max-width:1000px){.App .nav-toggle{transform:translateX(0);transition:all .4s cubic-bezier(.645,.045,.355,1)}}.App .main-content{background-color:#0a0a0f;background-color:var(--color-bg);display:grid;margin-left:16%;min-height:100vh;position:relative;width:84%}.App .main-content:before{background:radial-gradient(ellipse at 15% 50%,#037fff0a 0,#0000 50%),radial-gradient(ellipse at 85% 20%,#6c63ff0a 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#64ffda05 0,#0000 50%);content:"";height:100%;left:16%;pointer-events:none;position:fixed;top:0;width:84%;z-index:0}.App .main-content .content{margin:2.5rem;position:relative;z-index:1}@media screen and (max-width:1400px){.App .main-content .content{margin:2rem}}@media screen and (max-width:1100px){.App .main-content .content{margin:1.5rem}}@media screen and (max-width:710px){.App .main-content .content{margin:1.5rem 1rem}}@media screen and (max-width:411px){.App .main-content .content{margin:1rem .75rem}}@media screen and (max-width:1000px){.App .main-content{margin-left:0;width:100%}.App .main-content:before{left:0;width:100%}}.nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f17cc;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:6px;height:2.75rem;justify-content:center;padding:.5rem;position:fixed;right:2rem;top:2rem;transition:all .3s ease;width:2.75rem;z-index:12}.nav-btn:hover{border-color:#037fff;border-color:var(--color-primary)}.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{background-color:#ccd6f6;background-color:var(--color-text);border-radius:2px;display:block;height:2px;transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%}.nav-btn.active .lines-1{transform:rotate(45deg) translate(5px,6px)}.nav-btn.active .lines-2{opacity:0;transform:translateX(-10px)}.nav-btn.active .lines-3{transform:rotate(-45deg) translate(5px,-6px)}@media screen and (max-width:1000px){.nav-btn{display:flex}}.HomePage{display:flex;flex-direction:column;min-height:calc(100vh - 8rem);position:relative}.hero-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.hero-bg .gradient-orb{border-radius:50%;filter:blur(100px);opacity:.25;position:absolute}.hero-bg .orb-1{background:radial-gradient(circle,#037fff4d,#0000 70%);height:400px;left:10%;top:10%;width:400px}.hero-bg .orb-2{background:radial-gradient(circle,#6c63ff33,#0000 70%);bottom:20%;height:300px;right:10%;width:300px}.hero-container{grid-gap:4rem;align-items:center;display:grid;flex:1 1;gap:4rem;grid-template-columns:1.1fr 1fr;position:relative;z-index:1}@media screen and (max-width:1100px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}}.hero-content{animation:fadeIn .6s ease-out}.hero-badge{align-items:center;background:#64ffda14;border:1px solid #64ffda33;border-radius:50px;display:inline-flex;font-size:.8rem;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.hero-badge .badge-dot{animation:pulse 2s ease-in-out infinite;background:#64ffda;background:var(--color-accent);border-radius:50%;height:8px;width:8px}.hero-badge .badge-text{color:#64ffda;color:var(--color-accent);font-weight:500}.hero-heading{margin-bottom:1.25rem}.hero-greeting{color:#8892b0;color:var(--color-text-muted);font-size:1rem;margin-bottom:.5rem}.hero-name{color:#e6f1ff;color:var(--color-text-bright);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:.5rem}.hero-name .gradient-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text}.hero-role{color:#8892b0;color:var(--color-text-muted);font-size:1.2rem;font-weight:500}.hero-description{color:#ccd6f6;color:var(--color-text);font-size:1rem;line-height:1.7;margin-bottom:1.5rem;max-width:480px}@media screen and (max-width:1100px){.hero-description{margin-left:auto;margin-right:auto}}.hero-metrics{align-items:center;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border);border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border);display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1rem 0}@media screen and (max-width:1100px){.hero-metrics{justify-content:center}}.metric{display:flex;flex-direction:column;gap:.15rem}.metric-value{color:#037fff;color:var(--color-primary);font-size:1.4rem;font-weight:700}.metric-label{color:#8892b0;color:var(--color-text-muted);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.metric-divider{background:#1e1e2e;background:var(--color-border);height:30px;width:1px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}@media screen and (max-width:1100px){.hero-actions{justify-content:center}}@media screen and (max-width:600px){.hero-actions{flex-direction:column;width:100%}}.btn-primary{align-items:center;background:#037fff;background:var(--color-primary);border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary span{color:#fff}.btn-primary .btn-icon,.btn-primary .btn-icon-left{color:#fff;font-size:.8rem;transition:transform .2s ease}.btn-primary:hover{background:#6c63ff;background:var(--color-secondary);transform:translateY(-2px)}.btn-primary:hover .btn-icon{transform:translateX(3px)}@media screen and (max-width:600px){.btn-primary{justify-content:center;width:100%}}.btn-secondary{align-items:center;background:#0000;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-secondary span{color:#fff}.btn-secondary .btn-icon,.btn-secondary .btn-icon-left{color:#fff;font-size:.85rem}.btn-secondary:hover{border-color:#037fff;border-color:var(--color-primary)}.btn-secondary:hover,.btn-secondary:hover .btn-icon,.btn-secondary:hover .btn-icon-left,.btn-secondary:hover span{color:#037fff;color:var(--color-primary)}@media screen and (max-width:600px){.btn-secondary{justify-content:center;width:100%}}.btn-tertiary{align-items:center;color:#8892b0;color:var(--color-text-muted);display:inline-flex;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:color .2s ease}.btn-tertiary:hover{color:#64ffda;color:var(--color-accent)}@media screen and (max-width:600px){.btn-tertiary{border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;justify-content:center;width:100%}}.hero-social{align-items:center;display:flex;gap:.75rem}@media screen and (max-width:1100px){.hero-social{justify-content:center}}.social-links{display:flex;gap:.5rem}.social-links a{align-items:center;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;color:#8892b0;color:var(--color-text-muted);display:flex;font-size:1rem;height:38px;justify-content:center;text-decoration:none;transition:all .2s ease;width:38px}.social-links a:hover{border-color:#037fff;border-color:var(--color-primary);color:#037fff;color:var(--color-primary);transform:translateY(-2px)}.hero-visual{align-items:center;animation:fadeIn .6s ease-out .1s both;display:flex;flex-direction:column;gap:1.5rem}@media screen and (max-width:1100px){.hero-visual{order:-1}}.profile-container{position:relative}.profile-image{border:3px solid #1e1e2e;border:3px solid var(--color-border);border-radius:50%;box-shadow:0 20px 50px #0003;height:260px;overflow:hidden;width:260px}.profile-image img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:600px){.profile-image{height:200px;width:200px}}.featured-preview{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;max-width:300px;padding:1.25rem;width:100%}.featured-preview__header{align-items:center;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border);color:#e6f1ff;color:var(--color-text-bright);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.featured-preview__header svg{color:#64ffda;color:var(--color-accent)}.featured-preview__list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.featured-preview__link{align-items:center;color:#037fff;color:var(--color-primary);display:flex;font-size:.8rem;font-weight:500;gap:.4rem;text-decoration:none;transition:color .2s ease}.featured-preview__link svg{font-size:.7rem;transition:transform .2s ease}.featured-preview__link:hover{color:#64ffda;color:var(--color-accent)}.featured-preview__link:hover svg{transform:translateX(4px)}.featured-item{align-items:center;display:flex;gap:.75rem}.featured-item__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.featured-item__info{display:flex;flex-direction:column;gap:.1rem}.featured-item__name{color:#e6f1ff;color:var(--color-text-bright);font-size:.85rem;font-weight:600}.featured-item__type{color:#8892b0;color:var(--color-text-muted);font-size:.7rem}@media screen and (max-width:700px){.HomePage{min-height:calc(100vh - 6rem)}.hero-badge{margin-bottom:1.25rem}.hero-name{margin-bottom:.35rem}.hero-description{font-size:.95rem}.hero-metrics{gap:1rem}.metric-value{font-size:1.2rem}.profile-image{height:180px;width:180px}.featured-preview{max-width:100%}}.NavBar{height:100vh;position:relative;transition:all .3s cubic-bezier(.645,.045,.355,1)}.NavBar .nav{align-items:center;display:flex;flex-direction:column;height:100%;padding:.5rem 0}.NavBar .sidebar-toggle{align-items:center;background:#0f0f17;background:var(--color-bg-sidebar);border:2px solid #037fff;border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 10px #037fff33;color:#037fff;color:var(--color-primary);cursor:pointer;display:flex;font-size:.65rem;height:24px;justify-content:center;position:absolute;right:-12px;top:1.5rem;transition:all .3s ease;width:24px;z-index:20}.NavBar .sidebar-toggle:hover{background:#037fff;background:var(--color-primary);box-shadow:0 4px 15px #037fff66;color:#fff;transform:scale(1.15)}@media screen and (max-width:1000px){.NavBar .sidebar-toggle{display:none}}.NavBar .profile{border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border);padding:2rem 1rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.NavBar .profile .profile-image-wrapper{display:inline-block;margin-bottom:.75rem;position:relative}.NavBar .profile img{background-clip:content-box,border-box;background-image:linear-gradient(#0f0f17,#0f0f17),linear-gradient(135deg,#037fff,#6c63ff,#64ffda);background-image:linear-gradient(var(--color-bg-sidebar),var(--color-bg-sidebar)),linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-origin:border-box;border:3px solid #0000;border-radius:50%;height:80px;object-fit:cover;transition:all .4s ease;width:80px}.NavBar .profile img:hover{box-shadow:0 0 30px #037fff4d;transform:scale(1.05)}.NavBar .profile .status-indicator{animation:pulse-status 2s ease-in-out infinite;background:#10b981;border:3px solid #0f0f17;border:3px solid var(--color-bg-sidebar);border-radius:50%;bottom:4px;height:14px;position:absolute;right:4px;width:14px}.NavBar .profile .profile-name{color:#e6f1ff;color:var(--color-text-bright);font-size:.95rem;font-weight:700;letter-spacing:.3px;margin-bottom:.15rem;transition:opacity .3s ease}.NavBar .profile .profile-role{color:#037fff;color:var(--color-primary);font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:opacity .3s ease}.NavBar .nav-items{display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;padding:1.5rem 0;width:100%}.NavBar .nav-items .nav-item{list-style:none;padding:0 .75rem}.NavBar .nav-items .nav-item a{align-items:center;border-radius:10px;color:#037fff;color:var(--color-primary);display:flex;font-size:.85rem;font-weight:500;gap:.75rem;letter-spacing:.3px;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .25s ease}.NavBar .nav-items .nav-item a .nav-icon{color:#037fff;color:var(--color-primary);font-size:1rem;min-width:20px;text-align:center;transition:all .25s ease;width:20px}.NavBar .nav-items .nav-item a .nav-text{transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.NavBar .nav-items .nav-item a:hover{background:#037fff1a}.NavBar .nav-items .nav-item a:hover .nav-icon{transform:scale(1.1)}.NavBar .nav-items .nav-item a.active-nav{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 15px #037fff4d;color:#fff}.NavBar .nav-items .nav-item a.active-nav .nav-icon,.NavBar .nav-items .nav-item a.active-nav .nav-text{color:#fff}.NavBar .nav-items .nav-item a.active-nav:hover{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transform:translateX(3px)}.NavBar .social-links{border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border);display:flex;gap:.5rem;justify-content:center;padding:1rem 0;width:100%}.NavBar .social-links a{align-items:center;background:#037fff14;border:1px solid #037fff26;border-radius:10px;color:#037fff;color:var(--color-primary);display:flex;font-size:.9rem;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.NavBar .social-links a:hover{background:#037fff;background:var(--color-primary);border-color:#037fff;border-color:var(--color-primary);box-shadow:0 4px 15px #037fff4d;color:#fff;transform:translateY(-2px)}.NavBar .footer{padding:.75rem 0;width:100%}.NavBar .footer p{color:#037fff;color:var(--color-primary);font-size:.65rem;letter-spacing:.3px;opacity:.6;text-align:center;transition:opacity .3s ease}.NavBar.collapsed .profile{padding:2rem .5rem 1rem}.NavBar.collapsed .profile img{height:50px;width:50px}.NavBar.collapsed .profile .status-indicator{border-width:2px;bottom:2px;height:10px;right:2px;width:10px}.NavBar.collapsed .profile .profile-name,.NavBar.collapsed .profile .profile-role{height:0;margin:0;opacity:0;overflow:hidden}.NavBar.collapsed .nav-items{padding:1rem 0}.NavBar.collapsed .nav-items .nav-item{padding:0 .5rem}.NavBar.collapsed .nav-items .nav-item a{justify-content:center;padding:.75rem}.NavBar.collapsed .nav-items .nav-item a .nav-text{opacity:0;overflow:hidden;position:absolute;width:0}.NavBar.collapsed .nav-items .nav-item a.active-nav:after{display:none}.NavBar.collapsed .social-links{align-items:center;flex-direction:column;gap:.5rem;padding:.75rem 0}.NavBar.collapsed .social-links a{font-size:.8rem;height:32px;width:32px}.NavBar.collapsed .footer p{height:0;opacity:0;overflow:hidden;padding:0}@keyframes pulse-status{0%,to{box-shadow:0 0 0 0 #10b98166;opacity:1}50%{box-shadow:0 0 0 4px #10b98100;opacity:.8}}.App.sidebar-collapsed .sidebar{width:70px}@media screen and (max-width:1000px){.App.sidebar-collapsed .sidebar{width:280px}}.App.sidebar-collapsed .main-content{margin-left:70px;width:calc(100% - 70px)}.App.sidebar-collapsed .main-content:before{left:70px;width:calc(100% - 70px)}@media screen and (max-width:1000px){.App.sidebar-collapsed .main-content{margin-left:0;width:100%}.App.sidebar-collapsed .main-content:before{left:0;width:100%}}.skills-container .skill-title{color:#e6f1ff;color:var(--color-text-bright);font-size:.95rem;font-weight:600;margin-bottom:.6rem}.skills-container .skill-bar{align-items:center;display:flex;gap:1rem}.skills-container .skill-bar .skill-text{font-feature-settings:"tnum";color:#037fff;color:var(--color-primary);font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:36px;text-align:right}.skills-container .skill-bar .skill-progress{width:100%}.skills-container .skill-bar .skill-progress .progress{background:#037fff1a;border-radius:4px;height:6px;overflow:hidden;position:relative;width:100%}.skills-container .skill-bar .skill-progress .progress .inner-pregress{background:linear-gradient(90deg,#037fff,#6c63ff);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;bottom:0;height:100%;left:0;position:absolute;transition:width 1.2s cubic-bezier(.645,.045,.355,1)}.PortfolioPage .title{margin-bottom:2.5rem}.featured-section{margin-bottom:4rem}.featured-section .section-header{margin-bottom:2rem}.featured-section .section-title{color:#e6f1ff;color:var(--color-text-bright);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.featured-section .section-subtitle{color:#8892b0;color:var(--color-text-muted);font-size:.9rem}.featured-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:1200px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:700px){.featured-grid{grid-template-columns:1fr}}.website-preview{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.website-preview__initials{color:#ffffffe6;font-size:2.5rem;font-weight:800;letter-spacing:2px;text-shadow:0 2px 10px #0003;transition:transform .3s ease;z-index:1}.website-preview:hover .website-preview__initials{transform:scale(1.05)}.website-preview__live{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:4px;bottom:.75rem;color:#64ffda;display:flex;font-size:.65rem;font-weight:600;gap:.35rem;letter-spacing:.5px;padding:.25rem .6rem;position:absolute;right:.75rem;text-transform:uppercase}.website-preview__live .live-dot{animation:pulse 2s ease-in-out infinite;background:#64ffda;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.project-card{animation:fadeIn .4s ease-out both;animation-delay:0s;animation-delay:var(--delay,0s);background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.project-card:hover{border-color:#037fff4d;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.project-card:hover .website-preview__image{transform:scale(1.03)}.project-card:hover .project-card__link{color:#037fff;color:var(--color-primary)}.project-card__header{height:180px;overflow:hidden;position:relative}@media screen and (max-width:600px){.project-card__header{height:150px}}.project-card__image,.project-card__preview{height:100%;width:100%}.project-card__image{object-fit:cover;object-position:top center;transition:transform .3s ease}.project-card:hover .project-card__image{transform:scale(1.03)}.project-card__year{border-radius:4px;font-size:.7rem;font-weight:600;left:.75rem;padding:.25rem .6rem}.project-card__mobile,.project-card__year{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;color:#ffffffe6;position:absolute;top:.75rem}.project-card__mobile{align-items:center;border-radius:6px;display:flex;font-size:.75rem;height:28px;justify-content:center;right:.75rem;width:28px}.project-card__body{padding:1.25rem}.project-card__company{align-items:center;color:#037fff;color:var(--color-primary);display:inline-flex;font-size:.7rem;font-weight:600;gap:.35rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.project-card__company svg{font-size:.6rem}.project-card__title{color:#e6f1ff;color:var(--color-text-bright);font-size:1.15rem;font-weight:700;margin-bottom:.15rem}.project-card__subtitle{color:#8892b0;color:var(--color-text-muted);display:block;font-size:.8rem;margin-bottom:.75rem}.project-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccd6f6;color:var(--color-text);display:-webkit-box;font-size:.85rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.project-card__tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.project-card__link{align-items:center;color:#8892b0;color:var(--color-text-muted);display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;text-decoration:none;transition:color .2s ease}.project-card__link svg{font-size:.7rem;transition:transform .2s ease}.project-card__link:hover svg{transform:translateX(2px)}.project-card__link--private{font-style:italic;opacity:.7}.project-card__link--private,.tech-tag{color:#8892b0;color:var(--color-text-muted)}.tech-tag{background:#037fff14;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:4px;font-size:.68rem;font-weight:500;padding:.2rem .5rem}.tech-tag--more{background:#0000;border-style:dashed;color:#8892b0;color:var(--color-text-muted)}.section-divider{align-items:center;display:flex;gap:1rem;margin:3rem 0 2rem}.section-divider:after,.section-divider:before{background:#1e1e2e;background:var(--color-border);content:"";flex:1 1;height:1px}.section-divider span{color:#8892b0;color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-filter .filter-btn{background:#0000;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:6px;color:#8892b0;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.category-filter .filter-btn:hover{border-color:#037fff4d;color:#e6f1ff;color:var(--color-text-bright)}.category-filter .filter-btn--active{background:#037fff;background:var(--color-primary);border-color:#037fff;border-color:var(--color-primary);color:#fff}.portfolios-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:1100px){.portfolios-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.portfolios-grid{grid-template-columns:1fr}}.portfolio-card{animation:fadeIn .3s ease-out both;animation-delay:0s;animation-delay:var(--delay,0s);background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.portfolio-card:hover{border-color:#037fff;border-color:var(--color-primary);transform:translateY(-3px)}.portfolio-card:hover .portfolio-card__image img,.portfolio-card:hover .website-preview__image{transform:scale(1.03)}.portfolio-card__image{height:160px;overflow:hidden;position:relative}.portfolio-card__image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-card__website-preview{height:100%;width:100%}.portfolio-card__website-preview .website-preview__initials{font-size:1.5rem}.portfolio-card__website-preview .website-preview__image{transition:transform .3s ease,opacity .3s ease}.portfolio-card__placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.portfolio-card__placeholder span{color:#fff9;font-size:1.75rem;font-weight:700;letter-spacing:1px}.portfolio-card__category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:3px;bottom:.5rem;color:#fff;font-size:.65rem;font-weight:600;left:.5rem;padding:.2rem .5rem;position:absolute}.portfolio-card__info{padding:1rem}.portfolio-card__title{color:#e6f1ff;color:var(--color-text-bright);font-size:.95rem;font-weight:600;margin-bottom:.35rem}.portfolio-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8892b0;color:var(--color-text-muted);display:-webkit-box;font-size:.78rem;line-height:1.5;margin-bottom:.6rem;overflow:hidden}.portfolio-card__tech{display:flex;flex-wrap:wrap;gap:.3rem}.portfolio-card__tech span{background:#037fff0f;border-radius:3px;font-size:.65rem;font-weight:500;padding:.15rem .4rem}.no-projects,.portfolio-card__tech span{color:#8892b0;color:var(--color-text-muted)}.no-projects{grid-column:1/-1;padding:3rem;text-align:center}.portfolio-cta{align-items:center;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;display:flex;gap:2rem;justify-content:space-between;margin-top:4rem;padding:2rem}@media screen and (max-width:700px){.portfolio-cta{flex-direction:column;padding:1.75rem;text-align:center}}.portfolio-cta .cta-content h3{color:#e6f1ff;color:var(--color-text-bright);font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.portfolio-cta .cta-content p{color:#8892b0;color:var(--color-text-muted);font-size:.9rem}.portfolio-cta .cta-button{align-items:center;background:#037fff;background:var(--color-primary);border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.portfolio-cta .cta-button svg{font-size:.75rem;transition:transform .2s ease}.portfolio-cta .cta-button:hover{background:#6c63ff;background:var(--color-secondary);transform:translateY(-2px)}.portfolio-cta .cta-button:hover svg{transform:translateX(3px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.services-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem;margin-top:3rem}@media screen and (max-width:700px){.services-container{grid-template-columns:1fr}}.ServicesSection .service{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all .35s cubic-bezier(.645,.045,.355,1)}.ServicesSection .service:before{background:linear-gradient(90deg,#037fff,#6c63ff);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s ease}.ServicesSection .service:hover{border-color:#037fff4d;box-shadow:0 12px 40px #037fff14;transform:translateY(-5px)}.ServicesSection .service:hover:before{opacity:1}.ServicesSection .service:hover .s-icon{background:#037fff26;transform:scale(1.1)}.ServicesSection .service .service-content .s-icon{align-items:center;background:#037fff14;border-radius:12px;display:flex;height:52px;justify-content:center;margin-bottom:1.5rem;transition:all .35s ease;width:52px}.ServicesSection .service .service-content .s-icon svg{color:#037fff;color:var(--color-primary);font-size:1.4rem}.ServicesSection .service .service-content .s-img{height:48px;margin-bottom:1.5rem;opacity:.9;width:48px}.ServicesSection .service .service-content .s-title{color:#e6f1ff;color:var(--color-text-bright);font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.ServicesSection .service .service-content .s-text{color:#8892b0;color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.Title{margin-bottom:2rem}.Title,.Title h3{position:relative}.Title h3{color:#e6f1ff;color:var(--color-text-bright);display:inline-block;font-size:1.75rem;font-weight:700;letter-spacing:.5px;padding-bottom:.75rem;text-transform:uppercase}.Title h3:after{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.Title h3 span{-webkit-text-fill-color:unset;background:none;color:#e6f1ff;color:var(--color-text-bright);font-size:4rem;font-weight:800;left:0;letter-spacing:2px;opacity:.03;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.ResumePage{animation:fadeIn .5s ease-out}.resume-header{margin-bottom:2rem;text-align:center}.back-link{align-items:center;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;color:#8892b0;color:var(--color-text-muted);display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.back-link:hover{border-color:#037fff;border-color:var(--color-primary);color:#037fff;color:var(--color-primary);transform:translateX(-5px)}.back-link svg{font-size:.75rem}.resume-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:#e6f1ff;color:var(--color-text-bright);font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.75rem}.resume-subtitle{color:#8892b0;color:var(--color-text-muted);font-size:1.05rem;margin:0 auto;max-width:500px}.resume-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.resume-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.85rem 1.5rem;text-decoration:none;transition:all .35s cubic-bezier(.645,.045,.355,1)}.resume-btn svg{font-size:.9rem}.resume-btn span{display:inline}.resume-btn--primary{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;overflow:hidden;position:relative}.resume-btn--primary span,.resume-btn--primary svg{color:#fff;position:relative;z-index:1}.resume-btn--primary:after{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.resume-btn--primary:hover{box-shadow:0 15px 40px #037fff4d;transform:translateY(-3px)}.resume-btn--primary:hover:after{left:100%}.resume-btn--secondary{background:#0000;border:1px solid #1e1e2e;border:1px solid var(--color-border);color:#fff}.resume-btn--secondary span,.resume-btn--secondary svg{color:#fff}.resume-btn--secondary:hover{background:#037fff0f;border-color:#037fff;border-color:var(--color-primary);transform:translateY(-3px)}.resume-btn--secondary:hover,.resume-btn--secondary:hover span,.resume-btn--secondary:hover svg{color:#037fff;color:var(--color-primary)}.resume-viewer{margin-bottom:2rem}.resume-frame{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px #0003;height:70vh;max-height:800px;min-height:500px;overflow:hidden;position:relative;width:100%}.resume-frame iframe{background:#fff;border:none;height:100%;width:100%}@media screen and (max-width:700px){.resume-frame{height:60vh;min-height:400px}}.resume-info{display:flex;justify-content:center}.info-card{background:linear-gradient(135deg,#037fff14,#6c63ff14);border:1px solid #037fff33;border-radius:16px;max-width:500px;padding:2rem;text-align:center}.info-card h3{color:#e6f1ff;color:var(--color-text-bright);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.info-card p{color:#8892b0;color:var(--color-text-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.info-card__link{align-items:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.info-card__link svg{font-size:.75rem;transition:transform .3s ease}.info-card__link:hover{box-shadow:0 10px 30px #037fff4d;transform:translateY(-2px)}.info-card__link:hover svg{transform:translateX(3px)}:root{--color-primary:#037fff;--color-secondary:#6c63ff;--color-bg:#0a0a0f;--color-bg-surface:#12121a;--color-bg-sidebar:#0f0f17;--color-border:#1e1e2e;--color-text:#ccd6f6;--color-text-muted:#8892b0;--color-text-bright:#e6f1ff;--color-accent:#64ffda;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#037fff,#6c63ff);background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:50px}body::-webkit-scrollbar-track{background-color:#0a0a0f;background-color:var(--color-bg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#ccd6f6;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:1.05rem;line-height:1.6}span{color:#037fff;color:var(--color-primary)}a{transition:all .3s cubic-bezier(.645,.045,.355,1)}@media screen and (max-width:700px){html{font-size:90%}}@media screen and (max-width:411px){html{font-size:80%}}@media screen and (max-width:480px){h2,h3{font-size:80%}}
/*# sourceMappingURL=main.f27956a3.css.map*/