@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";:root{color-scheme:light;--primary: #0d1a3b;--secondary: #0d1a3b;--accent: #6b7280;--bg: #e1e1e1;--white: #fff;--yellow: #ffff99;--shadow: 0 2px 16px rgba(0,0,0,.07);--pearl-gradient: radial-gradient(ellipse 130% 160% at top left, rgba(255, 255, 255, .95) 0%, rgba(254, 252, 235, .88) 30%, rgba(240, 253, 244, .78) 60%, rgba(248, 250, 252, .95) 100%), linear-gradient(110deg, #fdfde5 0%, #fff8f0 12%, #ffebcc 28%, #f0fcf5 45%, #edfcff 62%, #fdd59a 78%, #faf8e8 90%, #fdfde5 100%)}@media (prefers-color-scheme: dark){:root:not(.light-mode){color-scheme:dark;--primary: #e2e8f0;--secondary: #ffff99;--accent: #ffff99;--bg: #142546;--white: #0b1429;--yellow: #ffff99;--shadow: 0 2px 16px rgba(0,0,0,.3);--pearl-gradient: radial-gradient(ellipse 130% 160% at top left, rgba(11, 20, 41, .95) 0%, rgba(15, 25, 53, .88) 30%, rgba(20, 30, 60, .78) 60%, rgba(11, 20, 41, .95) 100%), linear-gradient(110deg, #0b1429 0%, #0f1935 12%, #152040 28%, #1a2447 45%, #1c2955 62%, #152040 78%, #0f1935 90%, #0b1429 100%)}}.dark-mode{color-scheme:dark;--primary: #e2e8f0;--secondary: #ffff99;--accent: #ffff99;--bg: #142546;--white: #0b1429;--yellow: #ffff99;--shadow: 0 2px 16px rgba(0,0,0,.3);--pearl-gradient: radial-gradient(ellipse 130% 160% at top left, rgba(11, 20, 41, .95) 0%, rgba(15, 25, 53, .88) 30%, rgba(20, 30, 60, .78) 60%, rgba(11, 20, 41, .95) 100%), linear-gradient(110deg, #0b1429 0%, #0f1935 12%, #152040 28%, #1a2447 45%, #1c2955 62%, #152040 78%, #0f1935 90%, #0b1429 100%)}.light-mode{color-scheme:light;--primary: #0d1a3b;--secondary: #0d1a3b;--accent: #6b7280;--bg: #e1e1e1;--white: #fff;--yellow: #ffff99;--shadow: 0 2px 16px rgba(0,0,0,.07);--pearl-gradient: radial-gradient(ellipse 130% 160% at top left, rgba(255, 255, 255, .95) 0%, rgba(254, 252, 235, .88) 30%, rgba(240, 253, 244, .78) 60%, rgba(248, 250, 252, .95) 100%), linear-gradient(110deg, #fdfde5 0%, #fff8f0 12%, #ffebcc 28%, #f0fcf5 45%, #edfcff 62%, #fdd59a 78%, #faf8e8 90%, #fdfde5 100%)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg);overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}button{font-family:inherit}html::-webkit-scrollbar{display:none}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}body{font-family:Poppins,sans-serif;background:var(--pearl-gradient);background-attachment:fixed;color:var(--primary);line-height:1.7;padding-top:0;min-height:100vh;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}section{max-width:900px;margin:3rem auto;padding:2.5rem 2rem;background:none;border-radius:0;box-shadow:none}section:not(#profile){padding-top:100px}.btn-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.btn{padding:.75rem 2rem;border-radius:2rem;border:none;font-size:1rem;font-weight:500;background:var(--secondary);color:var(--white);cursor:pointer;transition:background .2s,color .2s}.btn-color-2{background:var(--primary);color:var(--white);border:2px solid var(--primary)}.btn-color-1{background:var(--accent);color:var(--white)}.btn:hover{background:var(--primary);color:var(--white)}.btn-color-2:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.title{font-size:2.5rem;font-weight:600;color:var(--secondary);margin-bottom:4rem;text-align:center}.section-text-p1{color:var(--accent);font-size:1.1rem;text-align:center;margin-bottom:.5rem}.section-text-p2{color:var(--primary);font-size:1.3rem;text-align:center;margin-bottom:1.5rem}.section-heading{text-align:center;margin-bottom:1.5rem;color:var(--secondary)}.glassmorphism-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;box-shadow:0 8px 32px #22223b1a,inset 0 1px #ffffff4d;transition:all .3s ease;position:relative;overflow:hidden}.glassmorphism-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.glassmorphism-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #22223b26,inset 0 1px #fff6;border-color:#ffffff4d}@media (prefers-color-scheme: dark){:root:not(.light-mode) .glassmorphism-card{background:#1e2a4a66;border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 32px #0000004d,inset 0 1px #94a3b81a}:root:not(.light-mode) .glassmorphism-card:before{background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}:root:not(.light-mode) .glassmorphism-card:hover{box-shadow:0 16px 48px #0006,inset 0 1px #94a3b833;border-color:#94a3b84d}}.dark-mode .glassmorphism-card{background:#1e2a4a66;border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 32px #0000004d,inset 0 1px #94a3b81a}.dark-mode .glassmorphism-card:before{background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.dark-mode .glassmorphism-card:hover{box-shadow:0 16px 48px #0006,inset 0 1px #94a3b833;border-color:#94a3b84d}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 800px){section{margin:2rem .5rem;padding:1.5rem .5rem}.title{font-size:2rem;margin-bottom:2rem}}@media (max-width: 776px){#about .title{margin-bottom:4rem!important}}@media (max-width: 480px){section{margin:1rem .25rem;padding:1rem .5rem}.title{font-size:1.8rem;margin-bottom:1.5rem}#about .title{margin-bottom:4rem!important}.section-text-p1{font-size:1rem}.section-text-p2{font-size:1.1rem}}@media (max-width: 375px){section{margin:.5rem .25rem;padding:.75rem .5rem}.title{font-size:1.6rem;margin-bottom:1rem}#about .title{margin-bottom:4rem!important}.btn{font-size:.9rem;padding:.6rem 1.5rem}}.footer{text-align:center;padding:2rem 1rem;margin-top:10rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;color:var(--primary);font-size:.9rem}.footer p{margin:0;opacity:.8}@media (prefers-color-scheme: dark){:root:not(.light-mode) .footer{background:transparent}}.dark-mode .footer{background:transparent}nav{background:var(--white);box-shadow:var(--shadow);padding:4px;display:inline-flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:100;border-radius:1.5rem;margin:1rem auto 0;transition:background .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.navbar-container{width:100%;display:flex;justify-content:center;position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none}.navbar-container nav{pointer-events:auto}.nametag{font-size:2rem;font-weight:600;color:var(--secondary);letter-spacing:1px}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;height:100%;justify-content:center}.nav-links a{color:var(--accent);font-size:1.1rem;text-decoration:none;padding:4px 12px;border-radius:1.5rem;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);display:inline-block}.nav-links a.active,.nav-links a.active:hover{background:none;color:var(--primary)!important;border-radius:1.5rem}.nav-links a:hover{background:none;color:var(--secondary)}.nav-indicator{position:absolute;bottom:0;height:100%;background:var(--bg);border-radius:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:-1;pointer-events:none}.rounded-navbar{border-radius:1.5rem;overflow:hidden}.transparent-navbar{background:transparent!important;box-shadow:none!important}@media (max-width: 800px){.nav-links{gap:1.5rem}.nav-links a{font-size:1rem;padding:4px 10px}}@media (max-width: 600px){nav{padding:4px;margin:.5rem auto 0}.nav-links{gap:1rem}.nav-links a{font-size:.9rem;padding:4px 8px}}.profile-container{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;height:100vh;background:transparent}.profile-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;position:relative;z-index:10;gap:2rem;padding:1rem 2rem;padding-top:0}.profile-content{max-width:600px}.fade-in-element{animation:fadeInUp 1s ease-out}.cursor{transition:opacity .5s ease}.download-icon{height:1em;width:1em;margin-left:.5em;vertical-align:middle;filter:invert(1) brightness(2);transition:filter .2s ease}@media (prefers-color-scheme: dark){:root:not(.light-mode) .download-icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(106%) contrast(106%)}:root:not(.light-mode) .btn-color-2:hover .download-icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(115%) contrast(115%)}}.dark-mode .download-icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(106%) contrast(106%)}.dark-mode .btn-color-2:hover .download-icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(115%) contrast(115%)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .btn-color-2{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;color:var(--accent)}:root:not(.light-mode) .btn-color-2:hover{background:#ffffff40;box-shadow:0 16px 48px #0006,inset 0 1px #fff3;border-color:#ffffff4d;color:var(--accent)}}.dark-mode .btn-color-2{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;color:var(--accent)}.dark-mode .btn-color-2:hover{background:#ffffff40;box-shadow:0 16px 48px #0006,inset 0 1px #fff3;border-color:#ffffff4d;color:var(--accent)}.social-icon{width:2.5rem;height:2.5rem;transition:transform .2s ease,filter .2s ease;cursor:pointer;filter:invert(13%) sepia(18%) saturate(1037%) hue-rotate(201deg) brightness(95%) contrast(101%)}.social-icon:hover{filter:invert(13%) sepia(18%) saturate(1037%) hue-rotate(201deg) brightness(85%) contrast(101%)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .social-icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(106%) contrast(106%)}:root:not(.light-mode) .social-icon:hover{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(115%) contrast(115%)}}.dark-mode .social-icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(106%) contrast(106%)}.dark-mode .social-icon:hover{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(115%) contrast(115%)}.socials-container{display:flex;justify-content:center;gap:1.5rem}#socials-container,.socials-container{display:flex;justify-content:center;gap:1.2rem;margin-bottom:1.5rem}.icon{width:2.2rem;height:2.2rem;cursor:pointer;transition:filter .2s;filter:invert(13%) sepia(18%) saturate(1037%) hue-rotate(201deg) brightness(95%) contrast(101%)}.icon:hover{filter:invert(13%) sepia(18%) saturate(1037%) hue-rotate(201deg) brightness(85%) contrast(101%)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(106%) contrast(106%)}:root:not(.light-mode) .icon:hover{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(115%) contrast(115%)}}.dark-mode .icon{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(106%) contrast(106%)}.dark-mode .icon:hover{filter:invert(100%) sepia(14%) saturate(2198%) hue-rotate(343deg) brightness(115%) contrast(115%)}.section-pic-container{display:flex;justify-content:center;align-items:center;margin:0 auto 2rem;border-radius:50%;overflow:hidden;background:var(--bg);box-shadow:var(--shadow);width:160px;height:160px}.section-pic-container img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media (max-width: 768px){.profile-section{padding:1rem;gap:1.5rem}.profile-content{max-width:90%}.title{font-size:2.5rem!important;min-height:3rem!important;margin-bottom:.8rem!important}.section-text-p1{font-size:1rem!important}.section-text-p2{font-size:1.2rem!important;margin-bottom:1.5rem!important}.btn{font-size:1rem!important;padding:.8rem 2rem!important}.social-icon,.icon{width:2rem!important;height:2rem!important}.socials-container{gap:1rem}}@media (max-width: 480px){.profile-section{padding:.5rem;gap:1rem}.title{font-size:2rem!important;min-height:2.5rem!important;margin-bottom:.5rem!important}.section-text-p1{font-size:.9rem!important}.section-text-p2{font-size:1.1rem!important;margin-bottom:1rem!important}.btn{font-size:.9rem!important;padding:.7rem 1.5rem!important}.social-icon,.icon{width:1.8rem!important;height:1.8rem!important}}@media (max-width: 375px){.title{font-size:1.8rem!important;min-height:2rem!important}.section-text-p1{font-size:.85rem!important}.section-text-p2{font-size:1rem!important}.btn{font-size:.85rem!important;padding:.6rem 1.2rem!important}.profile-content{max-width:95%}}.about-containers{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.details-container{padding:2rem;flex:1;min-width:250px;text-align:center}.details-container.desc{max-width:100%;position:relative}.details-container.desc:hover{transform:translateY(-5px)}#about .details-container.desc.glassmorphism-card:before{display:none}@media (prefers-color-scheme: dark){:root:not(.light-mode) #about .details-container.desc.glassmorphism-card:before{display:none}}.dark-mode #about .details-container.desc.glassmorphism-card:before{display:none}.skills-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.details-container.skill{border-radius:1rem;padding:1rem;max-width:300px;margin:0 auto}.article-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}article{display:flex;align-items:center;gap:.7rem;border-radius:.7rem;padding:.5rem 1rem;min-width:120px}.skills-icon{width:1.5rem;height:1.5rem}.skills-section .section-heading{margin-bottom:2rem}.graduation-date{color:var(--accent);font-size:.9rem}.skill-category-title{margin-bottom:1rem;text-align:center}.focus-areas-section{margin:2.5rem 0 4.5rem}.focus-areas-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.focus-pill{padding:.7rem 1.5rem;border-radius:2rem;font-weight:500;font-size:.95rem;text-align:center;transition:all .3s ease;white-space:nowrap}.focus-pill:hover{transform:scale(1.05);box-shadow:0 12px 32px #22223b33,inset 0 1px #fff6}.skills-section{margin:3rem 0}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-content:center}.skill-list{display:flex;flex-direction:column;gap:1rem}.skill-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.skill-badges img{height:28px;border-radius:4px;transition:transform .2s ease}.skill-badges img:hover{transform:scale(1.05)}.skill-text-items{display:flex;flex-direction:column;gap:.5rem}.skill-item{padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.skill-item:last-child{border-bottom:none}.skill-item h4{font-size:.9rem;font-weight:500;color:var(--secondary);margin:0;text-align:center}.education-section{margin:3rem auto;text-align:center;padding:1.5rem;max-width:fit-content;display:inline-block}.education-text h3{color:var(--secondary);font-size:1.2rem;margin-bottom:.5rem}.education-text p{color:var(--primary);margin-bottom:.3rem}@media (max-width: 900px){.skills-grid{grid-template-columns:1fr}.details-container.skill{max-width:100%;width:100%}.focus-areas-container{gap:.7rem}.focus-pill{padding:.6rem 1.2rem;font-size:.9rem}.about-containers{gap:1rem}.details-container{min-width:200px;padding:1.5rem}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr;gap:1rem}.details-container.skill{max-width:100%;width:100%;padding:.75rem}.focus-areas-container{gap:.5rem}.focus-pill{padding:.5rem 1rem;font-size:.85rem}.details-container{min-width:150px;padding:1rem}.skill-category-title{font-size:1rem}.skill-item h4{font-size:.8rem}}@media (max-width: 375px){.details-container.skill{padding:.5rem}.focus-pill{padding:.4rem .8rem;font-size:.8rem}.details-container{padding:.75rem}.skill-category-title{font-size:.9rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1000px;margin:5rem auto 0;padding:0 1rem}.project-card{padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;width:400px;margin:0 auto}.project-image-container{flex-shrink:0;margin-bottom:1.5rem}.project-img{width:100%;height:200px;object-fit:cover;border-radius:.75rem;transition:transform .3s ease}.project-img-white-bg{background-color:#fff;padding:.5rem;object-fit:contain;transform:scale(1.1);margin:.5rem;width:calc(100% - 1rem);height:calc(200px - 1rem)}.project-content{display:flex;flex-direction:column;gap:1rem;flex:1}.project-title{color:var(--secondary);font-size:1.25rem;font-weight:600;text-align:center;margin:0}.project-description{color:var(--primary);font-size:.95rem;line-height:1.6;text-align:center;margin:0;opacity:.8;flex:1}.project-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.project-btn{padding:.6rem 1.5rem;border-radius:1.5rem;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.btn:hover,.project-btn:hover{background:var(--primary);color:var(--white);border-radius:2rem;box-shadow:0 2px 8px #00000014}@media (max-width: 970px){.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.project-card{width:100%;max-width:400px}.project-img{height:180px}.project-buttons{gap:.5rem}.project-btn{padding:.5rem 1.2rem;font-size:.9rem;min-width:100px}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:1rem;padding:0 .25rem;margin:3rem auto 0}.project-card{width:100%;max-width:350px;padding:1rem}.project-img{height:160px}.project-title{font-size:1.1rem}.project-btn{padding:.4rem 1rem;font-size:.85rem;min-width:90px}}@media (max-width: 375px){.project-card{width:100%;max-width:320px;padding:.75rem}.project-img{height:140px}.project-title{font-size:1rem}.project-btn{padding:.4rem .8rem;font-size:.8rem;min-width:80px}}.experience-category{margin:2.5rem 0}.category-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.category-header h2{color:var(--secondary);font-size:1.5rem;margin:0}.experience-list{display:flex;flex-direction:column;gap:1.5rem}.experience-item{padding:1.5rem;transition:all .3s ease}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.experience-title h3{color:var(--secondary);font-size:1.2rem;margin:0 0 .25rem}.experience-title h4{color:var(--accent);font-size:1rem;font-weight:500;margin:0}.experience-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right}.duration,.location{color:var(--primary);font-size:.9rem}.duration{font-weight:600}.experience-content{display:flex;flex-direction:column;gap:1rem}.description p{color:var(--primary);font-size:.95rem;line-height:1.5;margin:.25rem 0}.technologies{display:flex;flex-direction:column;gap:.5rem}.technologies strong{color:var(--secondary);font-size:.9rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#ffffff1a;color:var(--primary);padding:.3rem .7rem;border-radius:1rem;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}@media (prefers-color-scheme: dark){:root:not(.light-mode) .tech-tag{background:#94a3b826;border:1px solid rgba(148,163,184,.3)}}.dark-mode .tech-tag{background:#94a3b826;border:1px solid rgba(148,163,184,.3)}@media (max-width: 768px){.experience-header{flex-direction:column;align-items:flex-start}.experience-meta{align-items:flex-start;text-align:left}.category-header{flex-direction:column;gap:.5rem}}#contact{background:var(--white);box-shadow:var(--shadow);border-radius:1.5rem;padding:2rem 1rem;margin-bottom:2rem}.contact-info-top{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1.5rem}.contact-info-container{display:flex;align-items:center;gap:.7rem;background:var(--bg);border-radius:1rem;padding:1rem 1.5rem;box-shadow:var(--shadow)}.contact-icon{width:2rem;height:2rem}.email-icon{width:2.3rem;height:2.3rem}footer{background:var(--white);box-shadow:var(--shadow);border-radius:1.5rem 1.5rem 0 0;padding:2rem 0 1rem;margin:2rem auto 0;max-width:900px;text-align:center}footer .nav-links{justify-content:center;gap:1.5rem;margin-bottom:1rem}footer .nav-links a{color:var(--secondary);font-size:1rem;padding:.2rem .7rem;border-radius:.5rem;transition:background .2s,color .2s}footer .nav-links a:hover{background:var(--accent);color:var(--white)}footer p{color:var(--primary);font-size:1rem;margin-top:.5rem}.theme-toggle{position:fixed;bottom:2rem;right:2rem;z-index:1000}.theme-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);outline:none}.theme-toggle-btn:focus{outline:none;border-color:#ffffff4d}.theme-toggle-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.theme-icon{font-size:1.125rem;display:inline-block;width:1.125rem;height:1.125rem;text-align:center;line-height:1.125rem}.theme-label{font-size:.875rem}@media (max-width: 768px){.theme-toggle{bottom:1rem;right:1rem}.theme-toggle-btn{padding:.625rem .875rem;font-size:.8125rem}.theme-icon{font-size:1rem;width:1rem;height:1rem;line-height:1rem}.theme-label{font-size:.8125rem}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}