.sidebar{width:280px;height:100vh;background-color:var(--bg-darker);position:fixed;left:0;top:0;padding:2rem 1.5rem;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);z-index:100;transition:transform .3s ease-in-out}.profile-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.profile-image{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color);margin-bottom:1rem;box-shadow:0 0 20px #0ea5e94d}.profile-image img{width:100%;height:100%;object-fit:cover}.name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.title{color:var(--text-secondary);font-size:.9rem;text-align:center}.nav-menu{flex-grow:1}.nav-menu ul{list-style:none}.nav-menu li{margin-bottom:.75rem}.nav-menu li button{display:flex;align-items:center;padding:.75rem 1rem;width:100%;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1rem}.nav-menu li button:hover{background-color:#ffffff0d;color:var(--text-primary)}.nav-menu li.active button{background:linear-gradient(90deg,#0ea5e933,#10b9811a);color:var(--primary-color);font-weight:500;box-shadow:0 5px 10px #0000001a}.nav-menu li button span{margin-left:1rem}.social-links{display:flex;justify-content:center;gap:1rem;padding:1.5rem 0}.social-links a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);background-color:#ffffff0d;transition:all .3s}.social-links a:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.mobile-toggle{display:none;position:fixed;top:1rem;right:1rem;z-index:1000;background-color:var(--card-bg);border:none;color:var(--text-primary);width:48px;height:48px;border-radius:8px;cursor:pointer;justify-content:center;align-items:center;box-shadow:0 0 15px #0003}@media (max-width: 768px){.mobile-toggle{display:flex}.sidebar.mobile{transform:translate(-100%);width:250px}.sidebar.mobile.open{transform:translate(0)}}.mobile-header{position:fixed;top:0;left:0;right:0;height:60px;background:#1a1a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1001;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.mobile-logo{display:flex;align-items:center;gap:12px}.mobile-logo img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #4a90e2}.mobile-name{font-size:18px;font-weight:600;color:#fff}.mobile-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .3s ease}.mobile-toggle:hover{background-color:#ffffff1a}.mobile-toggle.active{background-color:#fff3}@media (max-width: 768px){.main-content{padding-top:70px}.sidebar.mobile{top:60px;height:calc(100vh - 60px);background-color:#1a1a1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar.mobile.open{box-shadow:0 0 20px #00000080}}.mobile-toggle:not(.mobile-header .mobile-toggle){display:none}.about-section{margin-bottom:2rem}.about-content{display:flex;gap:3rem;align-items:center}.about-image{flex-basis:35%;border-radius:20px;overflow:hidden;position:relative}.about-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid transparent;border-radius:20px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.about-image img{width:100%;height:auto;display:block;transition:transform .5s}.about-image:hover img{transform:scale(1.05)}.about-text{flex-basis:65%}.about-text h3{font-size:2.2rem;margin-bottom:1rem}.about-text h4{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1.5rem}.highlight{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.about-text p{margin-bottom:1.5rem;line-height:1.8;color:var(--text-secondary)}.personal-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.detail-item{display:flex;align-items:center}.detail-label{font-weight:600;margin-right:.5rem;color:var(--text-primary)}.detail-value{color:var(--text-secondary)}@media (max-width: 992px){.about-content{flex-direction:column;gap:2rem}.about-image{max-width:350px;margin:0 auto}}@media (max-width: 768px){.personal-details{grid-template-columns:1fr}}.projects-section{margin-bottom:2rem}.project-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1.5rem;background-color:transparent;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:var(--text-secondary);cursor:pointer;transition:all .3s;font-size:.9rem}.filter-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.filter-btn.active{background:linear-gradient(90deg,#0ea5e933,#10b9811a);color:var(--primary-color);border-color:var(--primary-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.project-card{position:relative;border-radius:10px;overflow:hidden;background-color:var(--card-bg);transition:transform .3s,box-shadow .3s;height:100%;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.1)}.project-links{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0f172ae6;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .3s}.project-card:hover .project-links{opacity:1}.project-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;transition:transform .3s,background-color .3s}.project-link:hover{transform:translateY(-3px);background-color:var(--secondary-color)}.project-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-info h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary)}.project-info p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-size:.7rem;padding:.3rem .6rem;background-color:#ffffff0d;border-radius:15px;color:var(--text-secondary)}.view-all-container{margin-top:2rem;text-align:center}@media (max-width: 992px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.project-year{font-size:.9rem;color:#666;background-color:#f0f0f0;padding:2px 8px;border-radius:12px}.featured-badge{position:absolute;top:10px;left:10px;background-color:#ffd700d9;color:#333;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:4px}.project-image{position:relative}.experience-section{padding:2rem;color:#f0f0f0}.timeline{position:relative;max-width:1000px;margin:0 auto;padding:1rem 0}.timeline:before{content:"";position:absolute;width:4px;background-color:#333;top:0;bottom:0;left:20px;margin-left:-2px}.timeline-item{position:relative;margin-bottom:3rem;padding-left:60px}.timeline-icon{position:absolute;left:0;width:40px;height:40px;border-radius:50%;background-color:#1a1a1a;border:3px solid #61dafb;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#61dafb;z-index:1}.timeline-content{background-color:#1a1a1a;border-left:3px solid #61dafb;padding:1.5rem;border-radius:5px;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.timeline-content h3{color:#61dafb;margin-top:0;font-size:1.5rem}.timeline-content h4{color:#f0f0f0;margin:.5rem 0;font-size:1.2rem}.timeline-date{color:#aaa;font-style:italic;margin-bottom:1rem}.timeline-description{margin-bottom:1rem;line-height:1.6}.timeline-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}.skill-tag{background-color:#222;color:#61dafb;border:1px solid #61dafb;padding:4px 10px;border-radius:20px;font-size:.8rem;transition:all .3s ease}.skill-tag:hover{background-color:#61dafb;color:#111}@media (max-width: 768px){.experience-section{padding:1rem}.section-title{font-size:2rem}.timeline:before{left:15px}.timeline-item{padding-left:50px}.timeline-icon{width:30px;height:30px;font-size:.9rem}.timeline-content{padding:1rem}.timeline-content h3{font-size:1.3rem}.timeline-content h4{font-size:1.1rem}.timeline-skills{gap:6px}.skill-tag{font-size:.7rem;padding:3px 8px}}@media (min-width: 992px){.timeline:before{left:50%}.timeline-item{padding-left:0;width:50%;margin-left:0}.timeline-item:nth-child(odd){margin-left:0;padding-right:40px;text-align:right}.timeline-item:nth-child(2n){margin-left:50%;padding-left:40px}.timeline-icon{left:calc(50% - 20px)}.timeline-item:nth-child(odd) .timeline-content{border-left:none;border-right:3px solid #61dafb}.timeline-item:nth-child(odd) .timeline-skills{justify-content:flex-end}}:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .05);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5);--radius: 14px;--accent-blue: #38bdf8;--accent-cyan: #22d3ee;--accent-purple: #a78bfa;--accent-orange: #fbbf24;--accent-green: #34d399}.skills-section{padding:2rem 4rem;width:100%;box-sizing:border-box}.section-header{text-align:left;margin-bottom:2.5rem}.section-title{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.title-underline{width:70px;height:5px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:3px;margin:0}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem;width:100%}.skills-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;border-top:4px solid transparent;display:flex;flex-direction:column}.skills-category:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#ffffff1a}.cat-blue{border-top-color:var(--accent-blue)}.cat-cyan{border-top-color:var(--accent-cyan)}.cat-purple{border-top-color:var(--accent-purple)}.cat-orange{border-top-color:var(--accent-orange)}.cat-green{border-top-color:var(--accent-green)}.category-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.skill-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:50px;font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;cursor:default;-webkit-user-select:none;user-select:none}.skill-pill:hover{background:#ffffff14;transform:translateY(-2px);color:var(--text-primary);border-color:#fff3}.skill-icon{font-size:1.1rem}.cat-blue .skill-pill:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.cat-cyan .skill-pill:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.cat-purple .skill-pill:hover{color:var(--accent-purple);border-color:var(--accent-purple)}.cat-orange .skill-pill:hover{color:var(--accent-orange);border-color:var(--accent-orange)}.cat-green .skill-pill:hover{color:var(--accent-green);border-color:var(--accent-green)}@media (max-width: 768px){.skills-section{padding:2rem 1.5rem}.section-title{font-size:1.8rem}.skills-container{grid-template-columns:1fr;gap:1.5rem}}.coding-profiles-section{padding:2rem;color:#f0f0f0}.highlight:after{content:"";position:absolute;width:100%;height:4px;bottom:-6px;left:0;background-color:#61dafb;transform:scaleX(.3);transform-origin:left;transition:transform .3s ease}.section-title:hover .highlight:after{transform:scaleX(1)}.profiles-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.profile-card{display:flex;align-items:center;background-color:#1a1a1a;border-radius:8px;padding:1.5rem;text-decoration:none;color:#f0f0f0;border-left:4px solid;position:relative;overflow:hidden;transition:all .3s ease}.profile-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0000,#ffffff1a);opacity:0;transition:opacity .3s ease}.profile-card:hover:before{opacity:1}.profile-icon{font-size:2.5rem;margin-right:1.5rem;transition:transform .3s ease}.profile-card:hover .profile-icon{transform:scale(1.1)}.profile-info{flex:1}.profile-platform{margin:0 0 .5rem;font-size:1.2rem}.profile-username{margin:0;color:#aaa;font-size:.9rem}.arrow-icon{font-size:1.2rem;margin-left:1rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.profile-card:hover .arrow-icon{opacity:1;transform:translate(0)}.leetcode-stats-container{background-color:#1a1a1a;border-radius:10px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 15px #0000001a;border-left:4px solid #FFA116}.leetcode-header{display:flex;align-items:center;margin-bottom:1.5rem}.leetcode-logo{font-size:2.5rem;color:#ffa116;margin-right:1rem}.leetcode-header h3{margin:0;font-size:1.8rem;color:#ffa116}.leetcode-user-info{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.leetcode-user-info h4{margin:0 0 .5rem;font-size:1.3rem}.leetcode-user-info p{margin:0;color:#aaa}.leetcode-user-info span{color:#f0f0f0;font-weight:600}.problem-stats{display:flex;flex-direction:column;margin-bottom:1.5rem}.total-solved{display:flex;align-items:center;margin-bottom:1.5rem}.stat-number{font-size:2.5rem;font-weight:700;margin-right:1rem;color:#61dafb}.stat-label{font-size:1rem;color:#aaa}.stat-percentage{margin-left:auto;font-size:1.2rem;color:#61dafb;font-weight:600}.difficulty-breakdown{display:flex;flex-direction:column;gap:1rem}.difficulty{display:flex;align-items:center}.difficulty-label{width:60px;font-size:.9rem}.difficulty.easy .difficulty-label{color:#00b8a3}.difficulty.medium .difficulty-label{color:#ffb800}.difficulty.hard .difficulty-label{color:#ff375f}.difficulty-bar{flex:1;height:8px;background-color:#333;border-radius:4px;margin:0 1rem;overflow:hidden}.difficulty-progress{height:100%;border-radius:4px}.difficulty.easy .difficulty-progress{background-color:#00b8a3}.difficulty.medium .difficulty-progress{background-color:#ffb800}.difficulty.hard .difficulty-progress{background-color:#ff375f}.difficulty-count{font-weight:600;width:30px;text-align:right}.additional-stats{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.2rem;font-weight:600;color:#61dafb;margin-top:.3rem}.leetcode-loading,.leetcode-error{background-color:#1a1a1a;border-radius:10px;padding:2rem;text-align:center;margin-bottom:2rem}.loader{border:5px solid #333;border-top:5px solid #61dafb;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-footer{text-align:center;margin-top:2rem}.see-more{display:inline-block;padding:8px 20px;background-color:transparent;color:#61dafb;border:2px solid #61dafb;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease}.see-more:hover{background-color:#61dafb;color:#111;transform:translateY(-3px);box-shadow:0 5px 15px #61dafb4d}@media (max-width: 768px){.coding-profiles-section{padding:1rem}.section-title{font-size:2rem}.profiles-container{grid-template-columns:1fr}.profile-icon{font-size:2rem;margin-right:1rem}.leetcode-stats-container{padding:1.5rem}.leetcode-header h3{font-size:1.5rem}.leetcode-logo,.stat-number{font-size:2rem}.additional-stats{flex-direction:column;gap:1rem}.stat-item{width:100%;flex-direction:row;justify-content:space-between}}@media (min-width: 769px) and (max-width: 1023px){.profiles-container{grid-template-columns:repeat(2,1fr)}.additional-stats{flex-wrap:wrap;gap:1rem}.stat-item{width:48%}}.leetcode-card-container{margin:2rem auto;display:flex;justify-content:center}.leetcode-card-img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 4px 12px #0000004d;border:2px solid #ffa116;transition:transform .3s ease-in-out}.leetcode-card-img:hover{transform:scale(1.02)}.contact-section{padding:100px 20px;background-color:#121212;color:#f0f0f0}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;position:relative}.highlight{color:#61dafb;position:relative}.contact-wrapper{display:flex;gap:2rem;margin-top:3rem}.contact-info{flex:1;background-color:#1a1a1a;border-radius:10px;padding:2rem;border-left:4px solid #61dafb;box-shadow:0 5px 15px #0000004d}.info-header h3{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.info-header p{color:#aaa;margin-bottom:2rem;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.info-item{display:flex;align-items:center;padding:1rem;border-radius:8px;background-color:#252525;transition:all .3s ease;text-decoration:none;color:#f0f0f0}.info-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #61dafb33;background-color:#2a2a2a}.info-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#61dafb33;color:#61dafb;margin-right:1rem;font-size:1.2rem}.info-content h4{font-size:1rem;margin-bottom:.2rem;color:#61dafb}.info-content p{font-size:.9rem;color:#ccc}.social-links{margin-top:2rem}.social-links h4{font-size:1.2rem;margin-bottom:1rem;color:#fff}.social-icons{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#252525;color:#61dafb;font-size:1.2rem;position:relative;transition:all .3s ease}.social-icon:hover{background-color:#61dafb;color:#121212;transform:translateY(-5px)}.social-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:#61dafb;color:#121212;padding:5px 10px;border-radius:4px;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap}.social-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#61dafb transparent transparent transparent}.social-icon:hover .social-tooltip{opacity:1}.contact-form-container{flex:1.5;background-color:#1a1a1a;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #0000004d}.contact-form h3{font-size:1.8rem;margin-bottom:1.5rem;color:#fff}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#aaa;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px 15px;background-color:#252525;border:1px solid #333333;border-radius:5px;color:#f0f0f0;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33}.form-group textarea{min-height:150px;resize:vertical}.submit-button{display:inline-block;padding:12px 30px;background-color:#61dafb;color:#121212;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-button:hover{background-color:#4ac8ea;transform:translateY(-2px);box-shadow:0 5px 15px #61dafb4d}.submit-button:active{transform:translateY(0)}.submit-button.loading{background-color:#3a3a3a;color:#f0f0f0;cursor:not-allowed}.submit-button.submitted{background-color:#4caf50;color:#fff;cursor:default}.loading-text:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #f0f0f0;border-radius:50%;border-top-color:transparent;margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-text:before{content:"✓";display:inline-block;margin-right:8px}.section-footer{text-align:center;margin-top:3rem}.see-more{display:inline-block;padding:12px 30px;background-color:transparent;color:#61dafb;border:2px solid #61dafb;border-radius:5px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.see-more:hover{background-color:#61dafb;color:#121212}@media (max-width: 992px){.contact-wrapper{flex-direction:column}.contact-info,.contact-form-container{width:100%}}@media (max-width: 768px){.contact-section{padding:60px 15px}.section-title{font-size:2rem}.info-header h3,.contact-form h3{font-size:1.5rem}.info-icon{width:40px;height:40px}}@media (max-width: 480px){.social-icons{flex-wrap:wrap;justify-content:center}.submit-button{width:100%}}.result-message{margin-top:15px;padding:12px;border-radius:8px;text-align:center;font-weight:500;transition:all .3s ease}.result-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.result-message.sending{background-color:#cce7ff;color:#004085;border:1px solid #99d3ff}.result-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f1aeb5}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6;pointer-events:none}:root{--primary-color: #0ea5e9;--secondary-color: #10b981;--bg-dark: #0f172a;--bg-darker: #0a0f20;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--card-bg: rgba(30, 41, 59, .8);--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);overflow-x:hidden}.app{display:flex;min-height:100vh;position:relative}.content-wrapper{display:flex;width:100%;min-height:100vh}.main-content{flex-grow:1;padding:2rem;margin-left:280px;overflow-y:auto;position:relative;z-index:1;transition:margin-left var(--transition-speed)}.section-title{font-size:2rem;margin-bottom:2rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-10px;height:4px;width:70%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.section-container{padding:2rem 0;animation:fadeIn .5s ease-in-out}.home-container section{margin-bottom:5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.card{background-color:var(--card-bg);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:#ffffff1a}.btn{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer;transition:all .3s;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0ea5e966}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-content{margin-left:0;padding:1rem;padding-top:60px}.grid-2,.grid-3{grid-template-columns:1fr}}