@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";nav{background-color:#000;height:10svh;display:flex;justify-content:space-between;align-items:center;padding:10px;color:#fff;position:sticky;top:0;z-index:500;font-family:Orbitron,monospace}nav img{height:60px;width:100px;padding:10px}nav div{display:flex;gap:10px;align-items:center;justify-content:center}nav div .desktop-links-link{all:unset;color:#fff}nav .menu-icon{font-size:2rem;cursor:pointer}nav h1{font-size:1rem;cursor:pointer}#desktop-links{display:none}#desktop-links .desktop-links-link{cursor:pointer;padding:0 10px;display:flex;align-items:center}#desktop-links .desktop-links-link:last-child{border-right:none}#desktop-links .desktop-links-link:hover{color:gray}#mobile-links{display:block}#desktop-links .line{height:8px;width:8px;background-color:#fff}@media (min-width: 700px){nav .menu-icon{font-size:3rem;cursor:pointer}nav h1{font-size:2rem}#mobile-links{display:none}#desktop-links{display:flex}}.clickme{background-color:#1e90ff;color:#fff;animation:pulse 2s infinite;text-decoration:none;padding:5px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.desktop-links{display:flex;align-items:center;gap:24px}.nav-item{position:relative;display:flex;align-items:center}.desktop-links-link{color:#f8f8f8;text-decoration:none;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:6px 4px;transition:color .3s ease}.desktop-links-link:hover{color:#61dafbcc}.desktop-links-link.active{color:#61dafb}.language-selector{margin-left:12px;height:100%;display:flex;align-items:center}.lang-select-wrapper{display:flex;align-items:center;background-color:#61dafb1a;padding:5px 10px;border:1px solid rgba(97,218,251,.3);transition:all .3s ease;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;height:24px}.lang-select-wrapper:hover{background-color:#61dafb33;border-color:#61dafb99}.language-icon{color:#61dafb;font-size:1.1rem;margin-right:5px}.current-language{color:#f8f8f8;font-size:.9rem;font-weight:500;margin-right:4px;display:flex;align-items:center}.arrow-icon{font-size:.8rem;transition:transform .2s ease}.arrow-icon.rotated{transform:rotate(180deg)}.language-menu{position:absolute;top:calc(100% + 10px);right:0;background-color:#1a1e23;overflow:hidden;min-width:140px;box-shadow:0 5px 15px #0000004d;z-index:100;border:1px solid rgba(97,218,251,.2)}.language-option{padding:10px 16px;cursor:pointer;transition:all .2s ease;font-size:.95rem}.language-option:hover{background-color:#61dafb1a;color:#61dafb}.language-option.active{background-color:#61dafb26;color:#61dafb;font-weight:500}@media (max-width: 768px){.desktop-links{display:none}}.fullpagenavbar{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:500;background-image:radial-gradient(circle at 50% 30%,#111,#000 70%);background-color:#000;display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#fff}.close-button{position:absolute;top:20px;right:20px;width:50px;height:50px;background-color:#61dafb1a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:1.8rem;color:#fff;transition:all .3s ease}.close-button:hover{background-color:#61dafb33;transform:scale(1.05)}.navbar-items-container{display:flex;flex-direction:column;width:90%;max-width:800px;gap:15px;padding:20px;margin:80px 0 40px;flex-grow:1}.navbar-item{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;padding:20px 30px;color:#fff;cursor:pointer;background-color:#0d0d0de6;border:1px solid rgba(97,218,251,.1);transition:all .3s ease;box-shadow:0 5px 15px #0000004d}.navbar-content{display:flex;align-items:center;gap:20px}.navbar-label{font-size:1.6rem;text-transform:uppercase;letter-spacing:3px}.navbar-number{font-family:Courier New,monospace;font-weight:700;opacity:.6;font-size:1.2rem;color:#61dafb}.navbar-item:hover{border-color:#61dafb4d;box-shadow:0 8px 25px #0006,0 0 15px #61dafb1a}.navbar-footer{width:100%;max-width:800px;padding:20px;text-align:center;color:#aaa;font-size:.9rem}.footer-line{width:50px;height:2px;background-color:#61dafb;margin:0 auto 15px;opacity:.5}@media screen and (max-width: 768px){.navbar-header h1{font-size:2.2rem}.navbar-item{padding:15px 20px}.navbar-label{font-size:1.3rem;letter-spacing:2px}}@media screen and (max-width: 576px){.navbar-header h1{font-size:2rem}.navbar-item{padding:12px 15px}.navbar-label{font-size:1.1rem;letter-spacing:1px}.navbar-number{font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}footer{background-image:url(/assets/bg-image-3-BbpEXEb-.png)}.about{color:#fff;position:relative;display:flex;flex-direction:column;gap:20px;padding:20px 200px;font-family:Orbitron,monospace;background-color:#000}.fixed-menu{position:fixed;bottom:0;left:0;width:100%;padding:20px;z-index:499;display:flex;justify-content:center;align-items:center;gap:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0d0d0de6}.fixed-menu *{background-color:#0d0d0dcc;padding:5px 10px;font-size:2.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0000004d}.fixed-menu *:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0006}.about-photo{width:100%;display:flex;flex-direction:column;position:relative;margin-bottom:20px;overflow:hidden;box-shadow:0 10px 30px #00000080}.top{display:flex;justify-content:space-between;background-color:#0d0d0de6;padding:15px 20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #0003}.top div{display:flex;gap:10px;align-items:center}.tab-buttons{display:flex;gap:10px;position:absolute;top:10px;left:0;width:100%;padding-left:20px;padding-right:20px;z-index:10}.photo-section{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative}.photo-section img{height:70vh;width:100%;object-fit:cover;transition:transform .5s ease}.photo-section:hover img{transform:scale(1.02)}.about-stats{background-color:#0d0d0de6;padding:25px;gap:20px;display:flex;flex-direction:column;box-shadow:0 5px 15px #0003;transition:transform .3s ease;border:1px solid rgba(97,218,251,.1)}.about-stats:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;border-color:#61dafb4d}.about-about{background-color:#0d0d0de6;padding:25px;box-shadow:0 5px 15px #0003;transition:transform .3s ease;border:1px solid rgba(97,218,251,.1)}.about-about:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;border-color:#61dafb4d}.about-main{background-color:#0d0d0de6;padding:25px;box-shadow:0 5px 15px #0003;transition:transform .3s ease;border:1px solid rgba(97,218,251,.1)}.about-main:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;border-color:#61dafb4d}.space{height:100px}.about-stats-container{display:flex;flex-direction:column;gap:15px}.about-stats-container-anthem{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.about-anthems-box{display:flex;gap:20px;background-color:#ffffff0d;padding:15px;transition:all .3s ease}.about-anthems-box:hover{background-color:#ffffff1a;transform:translateY(-3px)}.about-anthems-box img{height:130px;width:130px;object-fit:cover;transition:transform .3s ease}.about-anthems-box:hover img{transform:scale(1.05)}.about-anthems-box div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-stats-top{display:flex;gap:10px;align-items:center;margin-bottom:15px}.about-section-top{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:1.2rem;font-weight:500;color:#61dafb}.box2{background-color:#ffffff1a;padding:12px 15px;align-items:center;display:flex;transition:all .3s ease;border:1px solid transparent}.box2:hover{background-color:#ffffff26;border-color:#61dafb4d;transform:translate(5px)}.box2 span{margin-left:20px}.about-stats-container-flex-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.top-icons{display:flex;align-items:center;justify-content:center}.top-logo{display:flex;align-items:center;font-size:1.8rem;font-weight:600;letter-spacing:1px;color:#61dafb}.top-icons *{font-size:24px;cursor:pointer;margin:0 5px;transition:all .3s ease}.top-icons *:hover{color:#61dafb!important;transform:scale(1.2)}.about-photo-absolute{position:absolute;bottom:0;left:0;width:100%;padding:80px 20px 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;z-index:498;background:linear-gradient(to top,#000c,#0000)}.left-div{font-size:16px;display:flex;flex-direction:column;gap:8px}.left-div div{display:flex;gap:10px;align-items:center}.left-div h4{margin:0;font-size:22px;font-weight:600;color:#fff}.language-label{display:flex;align-items:center;gap:5px;color:#61dafb}.language-options{display:flex;gap:5px}.language-options button{background-color:#61dafb1a;border:1px solid rgba(97,218,251,.3);color:#fff;padding:5px 10px;cursor:pointer;transition:all .3s ease}.language-options button:hover{background-color:#61dafb33;transform:translateY(-2px)}.language-options button.active{background-color:#61dafb4d;border-color:#61dafb;box-shadow:0 0 10px #61dafb4d}@media screen and (max-width: 1200px){.about{padding-left:100px;padding-right:100px}.about-stats-container-anthem,.projects-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 992px){.about{padding-left:50px;padding-right:50px}.about-stats-container-flex-row{grid-template-columns:1fr 1fr}.fixed-menu{padding:15px;gap:20px}.fixed-menu *{font-size:2rem;padding:8px}.photo-section img{height:60vh}.projects-grid{grid-template-columns:1fr}}@media screen and (max-width: 768px){.about{padding-left:20px;padding-right:20px}.about-stats-container-anthem{grid-template-columns:1fr}.about-anthems-box{width:100%}.about-stats-container-flex-row{grid-template-columns:1fr 1fr}.top-logo{font-size:1.5rem}.top-icons *{font-size:20px}.fixed-menu{padding:10px;gap:15px}.fixed-menu *{font-size:1.8rem;padding:6px}.photo-section img{height:45vh}.about-photo-absolute{padding:15px}.timeline-container{padding-left:20px}.timeline-marker{left:-26px}}@media screen and (max-width: 576px){.about{padding:15px}.top{padding:15px;gap:10px}.top-icons{width:100%;justify-content:flex-end}.fixed-menu{padding:10px;gap:12px}.fixed-menu *{font-size:1.5rem;padding:5px}.about-stats-container-flex-row{grid-template-columns:1fr}.about-anthems-box{flex-direction:column;align-items:center}.about-stats,.about-about,.about-main{padding:15px}.about-photo-absolute{padding:10px;flex-direction:column;align-items:flex-start;gap:10px}.space{height:120px}.photo-section img{height:40vh}.education-item{flex-direction:column}.about-section-top{font-size:1.1rem}.skill-info{flex-direction:column;align-items:flex-start}.skill-percentage{margin-top:5px}}@media screen and (max-width: 400px){.top-logo{font-size:1.2rem}.top-icons *{font-size:18px}.fixed-menu{padding:8px;gap:10px}.fixed-menu *{font-size:3rem;padding:4px}.about-anthems-box img{height:100px;width:100px}.photo-section img{height:35vh}.tab-buttons{padding:5px;gap:5px}.language-options{flex-wrap:wrap}.language-label{display:none}}.skillsPageMobile{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:20px;position:relative;overflow:hidden;width:100%;overflow-x:hidden;font-family:Orbitron,monospace;background-color:#000}.skillsHeaderMobile{text-align:center;color:#fff;position:relative;z-index:1;width:100%}.skillsTitleMobile{font-size:2.5rem;letter-spacing:4px;font-weight:800;margin:0 0 10px;color:#fff}.skillsSubtitleMobile{font-size:1.1rem;color:#aaa;font-weight:300;letter-spacing:1px}.skillsGridMobile{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:100%;max-width:800px;margin:0 auto;position:relative;z-index:1}.skillBoxMobile{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0d0d0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(97,218,251,.15);padding:20px 15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;aspect-ratio:1;position:relative}.skillBoxMobile:hover{transform:translateY(-5px);border-color:#61dafb66;box-shadow:0 8px 30px #0006}.skillIconMobile{font-size:2.5rem;margin-bottom:10px;transition:all .3s ease}.skillNameMobile{color:#fff;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;text-align:center;transition:color .3s ease}.skillBoxMobile:hover .skillNameMobile{color:#61dafb}@media screen and (max-width: 768px){.skillsGridMobile{grid-template-columns:repeat(2,1fr);gap:25px;max-width:500px;padding:0 30px;justify-items:center}.skillsTitleMobile{font-size:2.2rem;letter-spacing:3px}.skillBoxMobile{padding:22px 15px;width:100%;min-height:130px}.skillIconMobile{font-size:2.5rem}}@media screen and (max-width: 480px){.skillsPageMobile{gap:30px;padding:20px}.skillsGridMobile{grid-template-columns:repeat(2,1fr);gap:20px;max-width:400px;padding:0 20px;justify-items:center}.skillsTitleMobile{font-size:1.8rem;letter-spacing:2px}.skillsSubtitleMobile{font-size:1rem}.skillBoxMobile{padding:20px 15px;width:100%;min-height:120px}.skillIconMobile{font-size:2.2rem;margin-bottom:10px}.skillNameMobile{font-size:.85rem;letter-spacing:.5px}}@media screen and (max-width: 360px){.skillsGridMobile{gap:12px;padding:0 5px}.skillsTitleMobile{font-size:1.6rem}.skillBoxMobile{padding:12px 8px}.skillIconMobile{font-size:1.6rem}.skillNameMobile{font-size:.75rem}}.contact{display:flex;flex-direction:column;gap:20px;padding:20px;align-items:center;font-family:Orbitron,monospace;background-color:#000}.contact-top{padding:20px;text-align:center;color:#fff;font-size:1rem}.contact-container{display:grid;grid-template-columns:1fr;width:80%;gap:13px;padding:50px}.contact-container .box{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:2rem;padding:20px 10px;color:#fff;cursor:pointer;background-color:#0d0d0d;transition:all .3s ease}.contact-container .box div{display:flex;align-items:center;gap:10px;max-width:85%;overflow:hidden}.contact-container .box span,.contact-container .box p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-container .box:hover{color:gray;transform:translateY(-3px);box-shadow:0 5px 15px #ffffff1a}@media screen and (max-width: 1200px){.contact-container{width:90%;padding:30px}}@media screen and (max-width: 992px){.contact-container{width:95%;padding:25px}.contact-container .box{font-size:1.8rem}}@media screen and (max-width: 768px){.contact-container{width:100%;padding:20px}.contact-container .box{font-size:1.5rem;padding:15px 10px}}@media screen and (max-width: 576px){.contact-top h1{font-size:2rem}.contact-container{padding:15px}.contact-container .box{font-size:1.2rem;padding:12px 8px}.contact-container .box div{gap:5px;max-width:75%}.contact-container .box div svg{transform:scale(.9);flex-shrink:0}}@media screen and (max-width: 400px){.contact-container{padding:10px}.contact-container .box{font-size:1rem;padding:10px 5px}.contact-container .box div{max-width:70%}.contact-container .box div svg{transform:scale(.8)}.contact-container .box span:last-child{font-size:.9rem}}.contact{display:flex;flex-direction:column;gap:30px;padding:40px 20px 80px;align-items:center}.contact-top{padding:20px;text-align:center;color:#fff}.contact-top h1{font-size:2.5rem;letter-spacing:2px;position:relative;display:inline-block;color:#fff;margin-bottom:20px}.contact-subtitle{color:#aaa;text-align:center;font-size:1.1rem;margin:0 0 10px;max-width:600px}.contact-container{display:flex;flex-direction:column;width:90%;max-width:800px;gap:15px;padding:0 20px}.contact-box{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;padding:20px 30px;color:#fff;cursor:pointer;background-color:#0d0d0de6;border:1px solid rgba(97,218,251,.1);transition:all .3s ease;box-shadow:0 5px 15px #0000004d}.contact-content{display:flex;align-items:center;gap:20px;max-width:85%;overflow:hidden}.icon-wrapper{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease;flex-shrink:0}.contact-box:hover .icon-wrapper{transform:scale(1.1)}.contact-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1rem}.contact-number{font-family:Courier New,monospace;font-weight:700;opacity:.6;font-size:1.2rem;color:#61dafb}.contact-box:hover{transform:translateY(-5px);border-color:#61dafb4d;box-shadow:0 8px 25px #0006,0 0 15px #61dafb1a}.contact-form-container{display:flex;justify-content:center;align-items:center;width:90%;max-width:800px;margin-top:20px;padding:0 20px}.contact-form-wrapper{background-color:#0d0d0de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3;border:1px solid rgba(97,218,251,.1);transition:transform .3s ease,box-shadow .3s ease}.contact-form-wrapper:hover{transform:translateY(-5px);box-shadow:0 30px 60px -15px #000c,0 0 20px #61dafb1a;border-color:#61dafb33}.form-header{margin-bottom:40px;position:relative}.form-header:after{content:"";position:absolute;bottom:-20px;left:0;width:60px;height:3px;background:#61dafb;box-shadow:0 0 10px #61dafb80}.contact-form-title{font-size:2.2rem;font-weight:700;margin-bottom:16px;color:#fff;letter-spacing:-.02em;text-shadow:0 0 10px rgba(97,218,251,.3)}.contact-form-description{font-size:1.1rem;color:#aaa;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:24px}.form-field{position:relative}.form-label{display:block;margin-bottom:8px;font-size:.95rem;font-weight:500;color:#ddd}.form-input{width:100%;padding:14px 16px;border:2px solid rgba(97,218,251,.1);background-color:#141414b3;color:#fff;font-size:1rem;transition:all .3s ease}.form-input::placeholder{color:#666}.form-input:focus{outline:none;border-color:#61dafb;box-shadow:0 0 15px #61dafb26;background-color:#191919e6}.form-input.error{border-color:#ff4757;background-color:#281414b3}textarea.form-input{min-height:140px;resize:vertical;line-height:1.6}.error-message{color:#ff4757;font-size:.85rem;margin-top:6px;display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.submit-button{background:linear-gradient(90deg,#61dafbcc,#61dafb99);border:none;padding:15px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:12px;box-shadow:0 5px 15px #61dafb33;text-shadow:0 1px 2px rgba(0,0,0,.2)}.submit-button:disabled{background:#1e1e1e;color:#555;cursor:not-allowed;box-shadow:none;text-shadow:none}.submit-button:hover:not(:disabled){transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:all .5s ease}.submit-button:hover:before{left:100%}.button-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.snackbar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #00000080;z-index:1000;min-width:320px;animation:slideUp .3s ease;overflow:hidden}.snackbar-content{display:flex;align-items:center;gap:12px;padding:16px;flex:1}.snackbar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;font-size:14px}.snackbar-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;padding:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.snackbar-close:hover{background:#ffffff1a}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.snackbar.success{background-color:#0d0d0df2;color:#fff;border-left:3px solid #61dafb}.snackbar.error{background-color:#0d0d0df2;color:#fff;border-left:3px solid #ff4757}.contact-form-wrapper:before{content:"";position:absolute;top:-150px;right:-150px;width:300px;height:300px;background:#61dafb08;filter:blur(80px);z-index:-1}.contact-form-wrapper:after{content:"";position:absolute;bottom:-150px;left:-150px;width:300px;height:300px;background:#61dafb08;filter:blur(80px);z-index:-1}@media screen and (max-width: 1200px){.contact-container,.contact-form-container{width:90%;padding:0}}@media screen and (max-width: 992px){.contact-container,.contact-form-container{width:95%}.contact-box{padding:18px 25px}.contact-form-wrapper{padding:35px}}@media screen and (max-width: 768px){.contact-container,.contact-form-container{width:100%}.contact-box{padding:15px 20px}.icon-wrapper{width:45px;height:45px;font-size:1.3rem}.contact-top h1{font-size:2.2rem}.contact-form-wrapper{padding:30px 20px}.contact-form-title{font-size:1.8rem}}@media screen and (max-width: 576px){.contact-top h1{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-box{padding:15px}.contact-content{gap:15px}.icon-wrapper{width:40px;height:40px;font-size:1.2rem}.contact-label,.contact-number{font-size:1rem}.form-header:after{width:50px;height:3px}.snackbar{width:90%;min-width:auto}}@media screen and (max-width: 400px){.contact-box{padding:12px 15px}.contact-content{gap:10px}.icon-wrapper{width:36px;height:36px;font-size:1.1rem}.contact-label,.contact-number{font-size:.9rem}}.onlyfans{height:100vh;width:100%;background-color:#000;position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;font-size:2rem}@media (min-width: 700px){.onlyfans{height:100vh;width:100%;background-color:#000;position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;font-size:4rem}}.app{background-color:#000;min-height:90vh;display:flex;flex-direction:column;gap:20px;padding:20px;align-items:center;color:#fff}.app-nav{display:flex;width:100%;justify-content:flex-start}.app-nav a{color:#fff;text-decoration:none;background-color:#0d0d0d;padding:10px}.app-top{padding:20px;color:#fff;font-size:1rem;display:flex;justify-content:flex-start;align-items:center}.app-links{display:flex;justify-content:center;align-items:center;gap:20px}.app-links a{color:#fff;border:1px solid dodgerblue;padding:10px 20px;text-decoration:none;display:flex;align-items:center;gap:10px;background-color:#0d0d0d}.app-links a:hover{border:1px solid aquamarine;background-color:#7fffd4}.app-photo{width:100%;height:20vh;background-color:#7fffd4;display:flex;justify-content:center;align-items:center}.app-photo img{width:100%;height:100%}.app-container{display:flex;flex-direction:column;padding:20px;gap:20px;width:100%}.app-detials-box-technologies{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:fit-content}.app-detials-box-technologies .box{padding:5px 10px;font-size:.8rem;display:flex;align-items:center;gap:10px;background-color:#0d0d0d}.app-details-box{display:flex;flex-direction:column;gap:10px;padding:20px 0}.description p{font-size:.8rem;width:90%;color:gray}.hover{cursor:pointer}@media (min-width: 700px){.app{background-color:#000;min-height:90vh;display:flex;flex-direction:column;gap:20px;padding:20px;align-items:center;color:#fff}.app-nav{display:flex;width:100%;justify-content:flex-start}.app-nav a{color:#fff;text-decoration:none;background-color:#0d0d0d;padding:10px}.app-top{padding:20px;color:#fff;font-size:3rem;display:flex;justify-content:flex-start;align-items:center}.app-links{display:flex;justify-content:center;align-items:center;gap:20px}.app-links a{color:#fff;border:1px solid dodgerblue;padding:10px 20px;text-decoration:none;display:flex;align-items:center;gap:10px;background-color:#0d0d0d}.app-links a:hover{border:1px solid aquamarine;background-color:#7fffd4}.app-photo{width:100%;height:60vh;background-color:#7fffd4;display:flex;justify-content:center;align-items:center}.app-photo img{width:100%;height:100%}.app-container{display:flex;flex-direction:column;padding:20px;gap:20px;width:100%}.app-detials-box-technologies{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:fit-content}.app-detials-box-technologies .box{padding:10px 20px;font-size:2rem;display:flex;align-items:center;gap:10px}.app-details-box{display:flex;flex-direction:column;gap:10px;padding:20px 0}.description p{font-size:2rem;width:60%}.hover{cursor:pointer}}.appWrapper{background:linear-gradient(to bottom,#000,#000000f2 70%,#0d151ce6);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;position:relative;overflow:hidden;box-shadow:inset 0 20px 20px -20px #000c}.appWrapper:before{content:"";position:absolute;top:-150px;right:-150px;width:300px;height:300px;background:#61dafb1a;filter:blur(120px);z-index:0}.appWrapper:after{content:"";position:absolute;bottom:-50px;left:-50px;width:250px;height:250px;background:#61dafb14;filter:blur(100px);z-index:0}.container{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem;position:relative;z-index:1;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;box-shadow:0 20px 50px #0000004d;border:1px solid rgba(97,218,251,.1)}.app-nav{margin-bottom:.5rem;padding:0 .5rem}.app-breadcrumb{color:#aaa;text-decoration:none;font-size:.9rem;letter-spacing:1px;transition:color .3s ease}.app-breadcrumb:hover{color:#61dafb}.app-top{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;position:relative}.app-title{color:#61dafb;font-size:3rem;letter-spacing:4px;font-weight:700;margin:0 0 1.5rem;text-align:center;background:linear-gradient(to right,#61dafb,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.app-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:150px;height:3px;background:linear-gradient(to right,#61dafb4d,#61dafb,#61dafb4d);box-shadow:0 0 15px #61dafb99}.app-links{display:flex;gap:20px;margin:1rem 0}.app-link{display:flex;align-items:center;gap:8px;background:#0a0a0a99;color:#61dafb;text-decoration:none;padding:.7rem 1.2rem;font-size:.9rem;letter-spacing:1px;font-weight:500;text-transform:uppercase;border:1px solid rgba(97,218,251,.3);transition:all .3s ease}.app-link:hover{background:#111c;border-color:#61dafb80;transform:translateY(-2px);box-shadow:0 6px 15px #0000004d,0 0 10px #61dafb33}.link-icon{margin-right:5px}.app-container{display:flex;flex-direction:column;gap:2.5rem}.app-photo{width:100%;overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 15px #61dafb1a;border:1px solid rgba(97,218,251,.15)}.project-image{width:100%;height:auto;display:block;object-fit:cover}.app-details{display:flex;flex-direction:column;gap:1.5rem}.app-details-box{padding:.5rem}.section-title{color:#61dafb;font-size:1.5rem;letter-spacing:1px;margin:0 0 1rem;position:relative;display:inline-block;text-transform:capitalize}.description-text{color:#ddd;line-height:1.6;margin:0;font-size:1rem}.divider{height:1px;background:linear-gradient(90deg,#61dafb00,#61dafb4d 50%,#61dafb00);margin:.5rem 0}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-top:1rem}.tech-box{background-color:#0a0a0a99;border:1px solid rgba(97,218,251,.15);padding:12px 10px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.tech-box:hover{border-color:#61dafb4d;background-color:#111111b3;transform:translateY(-3px);box-shadow:0 5px 15px #0003,0 0 8px #61dafb1a}.tech-box span{color:#ddd;font-size:.9rem;font-weight:500}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:1rem}.link-box{background-color:#0a0a0a99;border:1px solid rgba(97,218,251,.2);padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:8px;color:#61dafb;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease}.link-box:hover{background-color:#111c;border-color:#61dafb66;transform:translateY(-3px);box-shadow:0 5px 15px #0000004d,0 0 10px #61dafb26}@media screen and (max-width: 768px){.app-container{gap:2rem}.app-title{font-size:2.5rem}.tech-grid,.links-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.container{padding:1.5rem}}@media screen and (max-width: 480px){.app-title{font-size:2rem;letter-spacing:2px}.app-links{flex-direction:column;gap:10px;align-items:center}.app-link{width:100%;justify-content:center}.tech-grid{grid-template-columns:repeat(2,1fr);gap:10px}.links-grid{grid-template-columns:1fr}.container{padding:1rem;gap:1.5rem}.section-title{font-size:1.3rem}}@media screen and (max-width: 320px){.app-title{font-size:1.8rem}.tech-grid{grid-template-columns:1fr}}.career{background-color:#000}.career{font-family:Orbitron,monospace;min-height:100vh;color:#fff;padding:40px 20px 80px}.career-top{text-align:center;margin-bottom:50px;padding:20px 0}.career-top h1{font-size:2.5rem;letter-spacing:2px;position:relative;display:inline-block;color:#fff}.career-history-section{max-width:1000px;margin:80px auto 0}.career-history-title{text-align:center;font-size:2.2rem;margin-bottom:60px;letter-spacing:2px;position:relative;color:#61dafb;text-shadow:0 0 10px rgba(97,218,251,.5)}.career-history-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:#61dafb;box-shadow:0 0 10px #61dafb80}.career-timeline{position:relative;padding:30px 0}.timeline-line{position:absolute;top:0;bottom:0;left:30px;width:3px;background:linear-gradient(to bottom,#61dafb99,#61dafb1a);box-shadow:0 0 8px #61dafb4d}.timeline-item{position:relative;padding-left:70px;margin-bottom:70px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:16px;width:30px;height:30px;background-color:#0d0d0de6;border:3px solid rgba(97,218,251,.3);display:flex;align-items:center;justify-content:center;color:#61dafb;font-size:1rem;z-index:2;box-shadow:0 0 15px #61dafb4d;transition:all .3s ease}.timeline-marker.current{background-color:#61dafb1a;border-color:#61dafb;box-shadow:0 0 20px #61dafb66}.timeline-item:hover .timeline-marker{transform:scale(1.1);box-shadow:0 0 25px #61dafb80}.job-card{background-color:#0d0d0de6;padding:30px;box-shadow:0 5px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(97,218,251,.1)}.job-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006,0 0 15px #61dafb1a;border-color:#61dafb4d}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;flex-wrap:wrap;gap:15px}.job-title{font-size:1.6rem;margin:0 0 10px;color:#61dafb}.job-company{font-size:1.2rem;color:#aaa}.job-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.job-location,.job-date{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#888;transition:color .3s ease}.job-card:hover .job-location,.job-card:hover .job-date{color:#aaa}.job-description,.job-responsibilities{margin-top:25px}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#ddd}.section-heading h3{font-size:1.1rem;font-weight:600;margin:0}.section-heading svg{color:#61dafb}.job-description p{line-height:1.6;color:#bbb;margin:0}.responsibilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:15px}.responsibility-item{display:flex;align-items:center;gap:12px;background-color:#ffffff0d;padding:12px 15px;transition:all .3s ease;border:1px solid transparent}.responsibility-item:hover{background-color:#ffffff14;transform:translate(5px);border-color:#61dafb33}.responsibility-number{min-width:25px;height:25px;display:flex;align-items:center;justify-content:center;background-color:#61dafb1a;color:#61dafb;font-size:.8rem;font-weight:600;transition:all .3s ease}.responsibility-item:hover .responsibility-number{background-color:#61dafb33;transform:scale(1.1)}.responsibility-text{font-size:.95rem;color:#ccc;line-height:1.3}@media (max-width: 768px){.timeline-line{left:20px}.timeline-marker{left:6px}.timeline-item{padding-left:50px}.job-header{flex-direction:column;align-items:flex-start}.job-meta{align-items:flex-start;margin-top:10px}.responsibilities-grid{grid-template-columns:1fr}.job-title{font-size:1.4rem}.job-card{padding:20px}}.skills-wrapper{display:flex;justify-content:center;width:100%;margin-bottom:40px}.skills-wrapper .skillsPageNewcontainer{margin:0 auto;background-color:#0d0d0de6;padding:30px;box-shadow:0 5px 20px #0000004d;border:1px solid rgba(97,218,251,.1);transition:transform .3s ease,box-shadow .3s ease}.skills-wrapper .skillsPageNewcontainer:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006,0 0 15px #61dafb1a;border-color:#61dafb4d}@media screen and (max-width: 768px){.skills-wrapper .skillsPageNewcontainer{width:fit-content;margin:0 auto;padding:20px}}.aboutSection{background-color:#000;color:#fff;padding:40px 20px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;font-family:Orbitron,monospace}.aboutSection p{text-align:center;font-size:1.5rem;line-height:1.6;max-width:800px;margin:0;letter-spacing:.02em;font-weight:300}.highlight{color:#3b82f6;font-weight:500}.aboutSection a{color:#3b82f6;text-decoration:none;transition:all .2s ease;font-weight:500;padding:0 4px}.aboutSection a:hover{color:#60a5fa;text-decoration:underline}@media screen and (min-width: 768px){.aboutSection{padding:80px 30px 100px}.aboutSection p{font-size:1.75rem}}@media screen and (min-width: 992px){.aboutSection{padding:100px 40px 120px}.aboutSection p{font-size:2rem}}@media screen and (min-width: 1200px){.aboutSection p{font-size:2.5rem}}.navigationSection{background-color:#000}.certs{background-image:radial-gradient(circle at 50% 30%,#111,#000 70%);background-color:#000;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.certs-top{padding:20px;text-align:center;color:#fff;font-size:1rem;display:flex;justify-content:center;width:100%;position:relative}.certs-top a{position:absolute;right:100px;top:50%;transform:translateY(-50%)}.certs-container{display:grid;grid-template-columns:1fr 1fr;gap:50px;width:fit-content}.certs-container .box{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1rem;padding:10px 20px;cursor:pointer;width:300px;height:300px;background-color:#0d0d0d}.certs-container .box span{display:flex;align-items:center}@media screen and (max-width: 768px){.certs-container{grid-template-columns:1fr;gap:30px}.certs-top a{right:20px}}@media screen and (max-width: 480px){.certs-container .box{width:250px;height:250px;padding:8px 15px}.certs-top{flex-direction:column}.certs-top a{position:static;margin-top:10px;transform:none}.certs{padding:15px 10px;gap:15px}}@media screen and (max-width: 320px){.certs-container .box{width:220px;height:220px}}.showcase{background-color:#000}.masonry{columns:3;column-gap:20px;max-width:1200px;margin:0 auto;font-family:Orbitron,monospace}@media (max-width: 768px){.masonry{columns:1}}@media (min-width: 769px) and (max-width: 1024px){.masonry{columns:2}}.project-image{width:100%;height:100%;object-fit:cover}.projects{background-color:#000}.projects{min-height:100vh;position:relative;overflow:hidden;font-family:Orbitron,monospace}.projects:before{content:"";position:absolute;top:-150px;right:-150px;width:300px;height:300px;background:#61dafb1a;filter:blur(120px);z-index:0}.projects:after{content:"";position:absolute;bottom:-50px;left:-50px;width:250px;height:250px;background:#61dafb14;filter:blur(100px);z-index:0}.container{width:100%;position:relative;z-index:1}.projects-header{text-align:center;margin-bottom:60px}.projects-title{color:#fff;font-size:3rem;letter-spacing:2px;font-weight:600;margin:0}.projects-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(to right,#61dafb4d,#61dafb,#61dafb4d);box-shadow:0 0 15px #61dafb99}.projects-subtitle{font-size:1.2rem;color:#aaa;margin-top:20px;letter-spacing:1px;font-weight:300}.projects-masonry{columns:3;column-gap:30px;margin:0}.project-card{break-inside:avoid;margin-bottom:30px;overflow:hidden;background:#0a0a0a99;border:1px solid rgba(97,218,251,.15);box-shadow:0 4px 20px #00000059,0 0 15px #61dafb1a;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}.project-card:hover{transform:translateY(-10px);border-color:#61dafb4d;box-shadow:0 20px 40px #0006,0 0 25px #61dafb33}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(97,218,251,.05),transparent);opacity:0;transition:opacity .3s ease;z-index:1}.project-card:hover:before{opacity:1}.project-header{height:200px;position:relative;overflow:hidden}.project-large .project-header{height:300px}.project-small .project-header{height:150px}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-content{padding:25px;position:relative;z-index:3}.project-name{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.project-large .project-name{font-size:2.2rem}.project-description{font-size:1rem;color:#ccc;line-height:1.6;margin-bottom:20px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-tag{background:#61dafb1a;color:#61dafb;padding:6px 12px;font-size:.8rem;font-weight:500;border:1px solid rgba(97,218,251,.2)}.project-link{display:inline-flex;align-items:center;gap:8px;background:#61dafb1a;color:#61dafb;padding:10px 20px;text-decoration:none;font-weight:600;font-size:.9rem;border:1px solid rgba(97,218,251,.2);transition:all .3s ease}.filler-card{break-inside:avoid;margin-bottom:30px;padding:25px;background:#0a0a0a99;border:1px solid rgba(97,218,251,.15);box-shadow:0 4px 20px #00000059,0 0 15px #61dafb1a;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px}.filler-card:hover{transform:translateY(-5px);border-color:#61dafb4d;box-shadow:0 10px 25px #0006,0 0 20px #61dafb33}.filler-content{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.5);white-space:pre-line;z-index:2;position:relative}.project-link:hover{background:#61dafb33;transform:translate(5px);box-shadow:0 5px 15px #61dafb33}@media (max-width: 1200px){.projects-masonry{columns:2;column-gap:25px}}@media (max-width: 768px){.projects-masonry{columns:1;column-gap:0}.projects-title{font-size:2.5rem}.projects{padding:40px 15px}.project-card{margin-bottom:25px}.project-content{padding:20px}}@media (max-width: 480px){.projects-title{font-size:2rem}.project-name{font-size:1.5rem}.project-large .project-name{font-size:1.8rem}}.blogWrapper{background:linear-gradient(to bottom,#000,#000000f2 70%,#0d151ce6);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;position:relative;overflow:hidden;box-shadow:inset 0 20px 20px -20px #000c;font-family:Orbitron,monospace}.blogWrapper:before{content:"";position:absolute;top:-150px;right:-150px;width:300px;height:300px;background:#61dafb1a;filter:blur(120px);z-index:0}.blogWrapper:after{content:"";position:absolute;bottom:-50px;left:-50px;width:250px;height:250px;background:#61dafb14;filter:blur(100px);z-index:0}.blog-container{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;box-shadow:0 20px 50px #0000004d;border:1px solid rgba(97,218,251,.1)}.blog-nav{margin-bottom:.5rem;padding:0 .5rem}.blog-breadcrumb{color:#aaa;text-decoration:none;font-size:.9rem;letter-spacing:1px;transition:color .3s ease;display:flex;align-items:center;gap:8px}.blog-breadcrumb:hover{color:#61dafb}.blog-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.blog-title{color:#61dafb;font-size:3rem;letter-spacing:2px;font-weight:700;margin:0 0 1rem;text-align:center;background:linear-gradient(to right,#61dafb,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;line-height:1.2}.blog-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(to right,#61dafb4d,#61dafb,#61dafb4d);box-shadow:0 0 15px #61dafb99}.blog-description{font-size:1.2rem;line-height:1.6;max-width:800px;margin:1rem auto 1.5rem;color:#ddd}.blog-meta{display:flex;justify-content:center;align-items:center;gap:20px;font-size:.9rem;color:#777;flex-wrap:wrap}.blog-category,.blog-reading-time{background:#61dafb1a;padding:4px 12px;color:#61dafb;border:1px solid rgba(97,218,251,.2)}.blog-featured-image-container{width:100%;margin:2rem 0;overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 15px #61dafb1a;border:1px solid rgba(97,218,251,.15)}.blog-featured-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .5s ease}.blog-featured-image:hover{transform:scale(1.02)}.blog-content{max-width:800px;margin:0 auto;color:#ddd;font-size:1.1rem;line-height:1.8}.blog-section{margin-bottom:2.5rem}.section-title{color:#61dafb;font-size:1.8rem;letter-spacing:1px;margin:0 0 1rem;position:relative;display:inline-block;font-weight:600}.section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:#61dafb}.section-subtitle{color:#fff;font-size:1.5rem;font-weight:600;margin:2rem 0 1rem}.section-text{color:#ddd;line-height:1.8;margin-bottom:1.5rem}.highlight{color:#61dafb;font-weight:600}.blog-list{margin:1.5rem 0;padding-left:1.5rem}.blog-list li{margin-bottom:.8rem;line-height:1.6}.blog-list strong{color:#fff;font-weight:600}.code-block{background-color:#0a0a0acc;padding:20px;margin:1.5rem 0;overflow-x:auto;border:1px solid rgba(97,218,251,.15)}.code-block pre{margin:0;width:100%}.code-block code{font-family:Fira Code,monospace;font-size:.9rem;color:#e0e0e0;white-space:pre-wrap;word-break:break-word}.quote-block{border-left:4px solid rgba(97,218,251,.3);padding:15px 20px;margin:2rem 0;background:#61dafb0d;color:#ddd;font-style:italic}.blog-divider{height:1px;background:linear-gradient(90deg,#61dafb00,#61dafb4d 50%,#61dafb00);margin:2rem 0}.blog-author{display:flex;align-items:center;gap:15px;margin:3rem auto 2rem;padding:20px;background-color:#0a0a0a99;border:1px solid rgba(97,218,251,.15);max-width:800px}.blog-author-image img{width:60px;height:60px;object-fit:cover;border:2px solid rgba(97,218,251,.2)}.blog-author-info h3{margin:0 0 5px;font-size:1.1rem;color:#fff}.blog-author-info p{margin:0;font-size:.9rem;color:#aaa}.blog-footer{margin:2rem auto 0;padding-top:20px;border-top:1px solid rgba(97,218,251,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;max-width:800px}.blog-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-tag{background:#61dafb1a;color:#61dafb;padding:6px 14px;font-size:.8rem;border:1px solid rgba(97,218,251,.2);transition:all .3s ease}.blog-tag:hover{background:#61dafb26;border-color:#61dafb4d;transform:translateY(-2px)}.blog-actions{display:flex;gap:12px}.blog-action-button{display:flex;align-items:center;gap:8px;background:#0a0a0a99;color:#61dafb;border:1px solid rgba(97,218,251,.2);padding:8px 16px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease}.blog-action-button:hover{background:#61dafb1a;border-color:#61dafb4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003,0 0 10px #61dafb1a}.phase-card{background-color:#0a0a0a99;border:1px solid rgba(97,218,251,.15);padding:1.5rem;margin:1.5rem 0;transition:all .3s ease}.phase-card:hover{border-color:#61dafb4d;background-color:#111111b3;transform:translateY(-3px);box-shadow:0 5px 15px #0003,0 0 8px #61dafb1a}.phase-title{color:#61dafb;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.phase-subtitle{color:#aaa;font-size:.9rem;margin-bottom:1rem;font-style:italic}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.tip-card{background-color:#0a0a0a99;border:1px solid rgba(97,218,251,.15);padding:1.2rem;transition:all .3s ease}.tip-card:hover{border-color:#61dafb4d;background-color:#111111b3;transform:translateY(-3px);box-shadow:0 5px 15px #0003,0 0 8px #61dafb1a}.tip-number{color:#61dafb;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.tip-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tip-text{color:#ddd;line-height:1.6;font-size:.95rem}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.tech-category{background-color:#0a0a0a99;border:1px solid rgba(97,218,251,.15);padding:1rem}.tech-category-title{color:#61dafb;font-weight:600;margin-bottom:.5rem}.tech-category-text{color:#ddd;font-size:.9rem}@media screen and (max-width: 768px){.blogWrapper{padding:30px 15px}.blog-container{padding:1.5rem}.blog-title{font-size:2.2rem;letter-spacing:1px}.blog-description{font-size:1.1rem}.blog-content{font-size:1rem}.section-title{font-size:1.6rem}.blog-footer{flex-direction:column;align-items:flex-start;gap:15px}.blog-tags{width:100%}.blog-actions{width:100%;justify-content:flex-start}.blog-meta{flex-wrap:wrap;justify-content:center;gap:10px}.blog-author{flex-direction:column;text-align:center;align-items:center;gap:10px}.tips-grid,.tech-stack-grid{grid-template-columns:1fr}}@media screen and (max-width: 576px){.blogWrapper{padding:20px 10px}.blog-container{padding:1rem}.blog-title{font-size:1.8rem;letter-spacing:.5px}.blog-title:after{width:60px}.blog-meta{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.blog-category,.blog-reading-time,.blog-timestamp{width:fit-content;margin:0 auto}.section-title{font-size:1.4rem;display:block;width:100%}.section-subtitle{font-size:1.3rem}.section-text,.blog-list li{font-size:.95rem}.code-block{padding:12px;margin:20px 0}.code-block code{font-size:.8rem}.blog-action-button{padding:8px 12px;font-size:.8rem}.blog-tag{padding:4px 10px;font-size:.75rem}.phase-card,.tip-card{padding:1rem}}@media screen and (max-width: 375px){.blogWrapper{padding:15px 5px}.blog-container{padding:12px}.blog-title{font-size:1.6rem}.blog-description{font-size:.95rem}.blog-featured-image-container{margin:20px 0}.section-title{font-size:1.3rem;margin:30px 0 15px}.blog-breadcrumb{font-size:.8rem;padding:6px 10px}.blog-author-image img{width:50px;height:50px}.blog-author-info h3{font-size:1rem}.blog-author-info p{font-size:.8rem}.blog-action-button{width:100%;justify-content:center}.blog-actions{flex-direction:column;gap:8px}}body{margin:0;padding:0;font-family:Chakra Petch,sans-serif;font-weight:700;font-style:normal;background-color:#000}*{margin:0;padding:0;box-sizing:border-box}.blink{animation:blink-animation 1s infinite}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:0}}.home{background-image:radial-gradient(circle at 50% 30%,#111,#000 70%);background-color:#000}