*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background-color:#0f172a}[data-theme=light] body{background-color:#e2e8f0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.site-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:2rem 4rem}.site-logo{color:var(--text-primary);cursor:pointer;font-size:1.5rem;font-weight:700;transition:transform .3s ease}.site-logo:hover{transform:scale(1.05)}.site-logo span{color:var(--accent-cyan)}.nav-links{display:flex;gap:2rem;margin:0;padding:0}.nav-links button{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.nav-links button:hover{background:var(--card-bg)}.nav-links button.active{background:rgba(var(--accent-cyan-rgb),.2);color:var(--accent-cyan)}@media (max-width:768px){.site-header{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;width:100%}}.site-footer{align-items:center;border-top:1px solid var(--border-color);color:var(--footer-text);display:flex;font-size:.9rem;gap:1rem;justify-content:center;padding:2rem;position:relative}.admin-link{background:#0000;border:none;cursor:pointer;font-size:1.2rem;opacity:.5;padding:.5rem;transition:all .3s ease}.admin-link:hover{opacity:1;transform:scale(1.1)}.home{background:radial-gradient(circle at top right,#38bdf814,#0000 50%),radial-gradient(circle at bottom left,#fcd34d0f,#0000 50%),linear-gradient(135deg,#1e293b,#0f172a);color:#fff;min-height:100vh}.main-content{margin:0 auto;max-width:1400px;padding:3rem 2rem;width:100%}.hero-section{margin-bottom:4rem;text-align:center}.avatar{align-items:center;background:linear-gradient(135deg,#38bdf8,#3b82f6);border-radius:50%;box-shadow:0 10px 30px #38bdf84d;display:flex;font-size:2.5rem;font-weight:700;height:110px;justify-content:center;margin:0 auto 1.5rem;width:110px}.hero-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#fcd34d);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:5rem}.service-card{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;padding:2rem;transition:all .3s ease}.service-card:hover{background:#ffffff14;box-shadow:0 10px 30px #38bdf833;transform:translateY(-5px)}.service-icon{align-items:center;background:#ffffff0d;border-radius:50%;color:#38bdf8;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.service-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.service-card p{color:#ffffffb3;flex:1 1;font-size:1rem;margin-bottom:1rem}.cta-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;color:#fff;margin-bottom:4rem;padding:4rem 3rem;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.modal-overlay{animation:fadeIn .3s ease;background:#020617e6;display:grid;inset:0;padding:1.5rem;place-items:center;position:fixed;z-index:30}.modal-content{background:#0f172af2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #00000080;max-width:520px;padding:2.5rem;position:relative;width:100%}.modal-close{background:#0000;border:none;color:#ffffffb3;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.modal-close:hover{color:#fff}.modal-header{gap:1rem;margin-bottom:1.5rem}.modal-header,.modal-icon{align-items:center;display:flex}.modal-icon{background:#ffffff0d;border-radius:50%;color:#38bdf8;height:64px;justify-content:center;width:64px}.modal-header h2{font-size:1.8rem;margin:0}.modal-details{color:#ffffffb3;line-height:1.7;margin-bottom:2rem}.modal-cta-btn{background:linear-gradient(135deg,#38bdf8,#fcd34d);border:none;border-radius:12px;color:#0f172a;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.modal-cta-btn:hover{box-shadow:0 5px 20px #38bdf866;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.services-grid{grid-template-columns:1fr}.cta-section{padding:3rem 2rem}.cta-section h2{font-size:2rem}}.contact{background:radial-gradient(circle at top right,#38bdf814,#0000 50%),radial-gradient(circle at bottom left,#fcd34d0f,#0000 50%),linear-gradient(135deg,#1e293b,#0f172a);color:#fff;min-height:100vh}.contact-content{margin:0 auto;max-width:1400px;padding:3rem 2rem;width:100%}.contact-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#fcd34d);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.contact-subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto 4rem;max-width:600px;text-align:center}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:5rem}.contact-card{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;padding:2rem;transition:all .3s ease}.contact-card:hover{background:#ffffff14;box-shadow:0 10px 30px #38bdf833;transform:translateY(-5px)}.contact-icon{align-items:center;background:#ffffff0d;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.linkedin-icon{color:#38bdf8}.email-icon{color:#fcd34d}.location-icon{color:#38bdf8}.response-icon{color:#fcd34d}.contact-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.contact-card p{color:#ffffffb3;flex:1 1;font-size:1rem;margin-bottom:1rem}.contact-link{color:#38bdf8;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease}.contact-link:hover{color:#fcd34d;text-decoration:underline}.contact-info{color:#ffffff80;font-size:1rem;font-style:italic}.contact-email{color:#fcd34d;font-size:1rem;font-weight:600;transition:all .2s ease}.reverse-email{direction:rtl;unicode-bidi:bidi-override}.email-card:hover .contact-email{color:#38bdf8}.opportunities-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;color:#fff;margin-bottom:4rem;padding:4rem 3rem}.opportunities-section h2{font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.opportunities-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.opportunity-item{font-size:1.1rem;gap:1rem}.checkmark,.opportunity-item{align-items:center;display:flex}.checkmark{background:#38bdf833;border:2px solid #38bdf8;border-radius:6px;color:#38bdf8;flex-shrink:0;font-weight:700;height:28px;justify-content:center;width:28px}@media (max-width:768px){.contact-content h1{font-size:2.5rem}.contact-grid{grid-template-columns:1fr}.opportunities-section{padding:3rem 2rem}.opportunities-section h2{font-size:2rem}.opportunities-list{grid-template-columns:1fr}}.portfolio{background:radial-gradient(circle at top right,#38bdf814,#0000 50%),radial-gradient(circle at bottom left,#fcd34d0f,#0000 50%),linear-gradient(135deg,#1e293b,#0f172a);color:#fff;min-height:100vh}.portfolio-content{margin:0 auto;max-width:1400px;padding:3rem 2rem;width:100%}.portfolio-hero{margin-bottom:4rem;text-align:center}.portfolio-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#fcd34d);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.portfolio-subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.github-profile-section{margin-bottom:5rem}.github-profile-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:3rem;padding:3rem;transition:all .3s ease}.github-profile-card:hover{background:#ffffff14;box-shadow:0 10px 40px #38bdf84d;transform:translateY(-5px)}.github-icon{align-items:center;background:#ffffff0d;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;padding:1rem;width:80px}.github-icon svg{color:#38bdf8}.github-profile-info h2{font-size:2rem;margin-bottom:.5rem}.github-profile-info p{color:#ffffffb3;margin-bottom:1.5rem}.github-link-btn{background:linear-gradient(135deg,#38bdf8,#fcd34d);border-radius:12px;color:#0f172a;display:inline-block;font-weight:600;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.github-link-btn:hover{box-shadow:0 5px 20px #38bdf880;transform:scale(1.05)}.featured-section{margin-bottom:5rem}.featured-section h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .3s ease}.project-card:hover{background:#ffffff14;box-shadow:0 10px 30px #38bdf833;transform:translateY(-5px)}.project-icon{font-size:3rem;margin-bottom:1rem}.project-card h3{color:#38bdf8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.project-card p{color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#38bdf833;border:1px solid #38bdf84d;border-radius:20px;color:#38bdf8;font-size:.85rem;padding:.4rem .8rem}.repos-section{margin-bottom:5rem}.repos-section h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.error,.loading{color:#ffffffb3;padding:2rem;text-align:center}.error a{color:#38bdf8;text-decoration:none}.error a:hover{text-decoration:underline}.repos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.repo-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:inherit;display:flex;flex-direction:column;padding:2rem;text-decoration:none;transition:all .3s ease}.repo-card:hover{background:#ffffff14;border-color:#38bdf84d;box-shadow:0 10px 30px #38bdf833;transform:translateY(-5px)}.repo-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.repo-card h3{color:#38bdf8;font-size:1.3rem;margin:0;word-break:break-word}.repo-visibility{background:#ffffff1a;border-radius:12px;font-size:.75rem;padding:.3rem .8rem;text-transform:uppercase;white-space:nowrap}.repo-description{color:#ffffffb3;flex:1 1;line-height:1.6;margin-bottom:1.5rem}.repo-stats{color:#fff9;display:flex;font-size:.9rem;gap:1.5rem}.repo-language{align-items:center;display:flex;gap:.5rem}.language-dot{background:#38bdf8;border-radius:50%;height:12px;width:12px}.portfolio-cta{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:4rem;padding:4rem 2rem;text-align:center}.portfolio-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.portfolio-cta p{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.contact-btn{background:linear-gradient(135deg,#38bdf8,#fcd34d);border:none;border-radius:12px;color:#0f172a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.contact-btn:hover{box-shadow:0 10px 30px #38bdf866;transform:scale(1.05)}@media (max-width:768px){.portfolio-hero h1{font-size:2.5rem}.github-profile-card{flex-direction:column;padding:2rem;text-align:center}.projects-grid,.repos-grid{grid-template-columns:1fr}.portfolio-content{padding:2rem 1rem}.portfolio-cta{padding:3rem 2rem}.portfolio-cta h2{font-size:2rem}}.admin{min-height:100vh}.admin-content{margin:0 auto;max-width:1000px;padding:3rem 2rem;width:100%}.admin-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#fcd34d);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.admin-subtitle{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto 4rem;max-width:600px;text-align:center}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:3rem}.settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:3rem;transition:all .3s ease}.settings-icon{font-size:4rem;margin-bottom:1.5rem;text-align:center}.settings-card h2{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem;text-align:center}.settings-card>p{color:var(--text-secondary);margin-bottom:2rem;text-align:center}.theme-options{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.theme-btn{align-items:center;background:var(--card-bg-hover);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;text-align:left;transition:all .3s ease}.theme-btn:hover{border-color:#38bdf8;box-shadow:0 4px 12px #38bdf833;transform:translateY(-2px)}.theme-btn.active{background:#38bdf814;border-color:#38bdf8;box-shadow:0 4px 12px #38bdf84d}.theme-preview{border:2px solid var(--border-color);border-radius:8px;flex-shrink:0;height:60px;width:60px}.dark-preview{background:linear-gradient(135deg,#1e293b,#0f172a)}.light-preview{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.theme-btn div{display:flex;flex-direction:column;gap:.25rem}.theme-btn strong{color:var(--text-primary);font-size:1.1rem}.theme-btn small{color:var(--text-secondary);font-size:.9rem}.system-info{background:var(--info-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.system-info p{color:var(--text-primary);margin-bottom:.75rem}.system-info p:last-child{margin-bottom:0}.info-text{color:var(--text-secondary);font-size:.95rem}.admin-actions{text-align:center}.back-btn{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.back-btn:hover{border-color:#38bdf8;box-shadow:0 4px 12px #38bdf833;transform:translateY(-2px)}@media (max-width:768px){.admin-content h1{font-size:2.5rem}.settings-card{padding:2rem}.theme-btn{flex-direction:column;gap:1rem;text-align:center}}:root,[data-theme=dark]{--bg-primary:linear-gradient(135deg,#1e293b,#0f172a);--bg-with-gradient:radial-gradient(circle at top right,#38bdf814,#0000 50%),radial-gradient(circle at bottom left,#fcd34d0f,#0000 50%),linear-gradient(135deg,#1e293b,#0f172a);--card-bg:#ffffff0d;--card-bg-hover:#ffffff14;--modal-bg:#1e293b;--modal-overlay:#0f172ad9;--info-bg:#38bdf814;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--border-color:#ffffff1a;--border-color-hover:#ffffff26;--accent-cyan:#38bdf8;--accent-yellow:#fcd34d;--accent-cyan-rgb:56,189,248;--accent-yellow-rgb:252,211,77;--shadow-sm:0 10px 30px #38bdf833;--shadow-md:0 10px 40px #38bdf84d;--shadow-lg:0 25px 50px #00000080;--header-bg:#ffffff0d;--footer-text:#ffffff80}[data-theme=light]{--bg-primary:linear-gradient(135deg,#e2e8f0,#cbd5e1);--bg-with-gradient:radial-gradient(circle at top right,#38bdf81a,#0000 50%),radial-gradient(circle at bottom left,#fbbf2414,#0000 50%),linear-gradient(135deg,#e2e8f0,#cbd5e1);--card-bg:#ffffffb3;--card-bg-hover:#ffffffd9;--modal-bg:#f8fafc;--modal-overlay:#64748bbf;--info-bg:#38bdf81a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#94a3b84d;--border-color-hover:#94a3b880;--accent-cyan:#38bdf8;--accent-yellow:#fcd34d;--accent-cyan-rgb:56,189,248;--accent-yellow-rgb:252,211,77;--shadow-sm:0 4px 12px #0ea5e926;--shadow-md:0 8px 24px #0ea5e933;--shadow-lg:0 20px 40px #0000001a;--header-bg:#fff6;--footer-text:#64748b}[data-theme=dark] .admin,[data-theme=dark] .contact,[data-theme=dark] .home,[data-theme=dark] .portfolio{background:radial-gradient(circle at top right,#38bdf814,#0000 50%),radial-gradient(circle at bottom left,#fcd34d0f,#0000 50%),linear-gradient(135deg,#1e293b,#0f172a);color:#fff}[data-theme=light] .admin,[data-theme=light] .contact,[data-theme=light] .home,[data-theme=light] .portfolio{background:radial-gradient(circle at top right,#38bdf81a,#0000 50%),radial-gradient(circle at bottom left,#fbbf2414,#0000 50%),linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#0f172a}[data-theme] .contact-card,[data-theme] .cta-section,[data-theme] .github-profile-card,[data-theme] .opportunities-section,[data-theme] .portfolio-cta,[data-theme] .project-card,[data-theme] .repo-card,[data-theme] .service-card{background:#ffffff0d;background:var(--card-bg);border-color:#ffffff1a;border-color:var(--border-color)}[data-theme] .contact-card:hover,[data-theme] .github-profile-card:hover,[data-theme] .project-card:hover,[data-theme] .repo-card:hover,[data-theme] .service-card:hover{background:#ffffff14;background:var(--card-bg-hover);box-shadow:0 10px 30px #38bdf833;box-shadow:var(--shadow-sm)}[data-theme] .contact-card p,[data-theme] .contact-subtitle,[data-theme] .cta-section p,[data-theme] .github-profile-info p,[data-theme] .portfolio-cta p,[data-theme] .portfolio-subtitle,[data-theme] .project-card p,[data-theme] .repo-description,[data-theme] .service-card p,[data-theme] .subtitle{color:#ffffffb3;color:var(--text-secondary)}[data-theme] .contact-info,[data-theme] .repo-stats{color:#ffffff80;color:var(--text-muted)}[data-theme] .site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--header-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color)}[data-theme] .site-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);color:#ffffff80;color:var(--footer-text)}[data-theme] .contact-icon,[data-theme] .github-icon,[data-theme] .modal-icon,[data-theme] .service-icon{background:#ffffff0d;background:var(--card-bg)}[data-theme] .checkmark,[data-theme] .contact-link,[data-theme] .github-icon svg,[data-theme] .linkedin-icon,[data-theme] .location-icon,[data-theme] .project-card h3,[data-theme] .repo-card h3,[data-theme] .service-icon,[data-theme] .tech-tag{color:#38bdf8;color:var(--accent-cyan)}[data-theme] .email-icon,[data-theme] .response-icon{color:#fcd34d;color:var(--accent-yellow)}[data-theme] .tech-tag{border-color:#38bdf84d;border-color:rgba(var(--accent-cyan-rgb),.3)}[data-theme] .checkmark,[data-theme] .tech-tag{background:#38bdf833;background:rgba(var(--accent-cyan-rgb),.2)}[data-theme] .checkmark{border-color:#38bdf8;border-color:var(--accent-cyan)}[data-theme] .contact-btn,[data-theme] .github-link-btn,[data-theme] .modal-cta-btn{background:linear-gradient(135deg,#38bdf8,#fcd34d);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-yellow))}[data-theme=light] .contact-btn,[data-theme=light] .github-link-btn,[data-theme=light] .modal-cta-btn{box-shadow:0 10px 30px #38bdf833;box-shadow:var(--shadow-sm);color:#fff}[data-theme=light] .avatar{box-shadow:0 10px 30px #38bdf833;box-shadow:var(--shadow-sm)}[data-theme=light] .contact-card h3,[data-theme=light] .cta-section h2,[data-theme=light] .modal-details,[data-theme=light] .modal-header h2,[data-theme=light] .opportunities-section h2,[data-theme=light] .opportunity-item,[data-theme=light] .opportunity-item span,[data-theme=light] .service-card h3,[data-theme=light] .service-card p{color:#fff;color:var(--text-primary)}[data-theme=light] .contact-content h1,[data-theme=light] .hero-section h1,[data-theme=light] .portfolio-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(35deg,#61480c,#4588f4);-webkit-background-clip:text;background-clip:text}[data-theme=light] .repo-visibility{background:#64748b26;color:#ffffffb3;color:var(--text-secondary)}[data-theme] .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;background:var(--modal-overlay)}[data-theme] .modal-content{background:#1e293b;background:var(--modal-bg);border-color:#ffffff1a;border-color:var(--border-color)}.App{min-height:100vh}
/*# sourceMappingURL=main.51a1158b.css.map*/