.parallax-container{position:relative;overflow-x:hidden}.parallax-element{position:absolute;will-change:transform;transition:transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-content h1,.hero-content .tagline,.hero-content .hero-cta{animation:slideUp 0.8s ease forwards;opacity:0}.hero-content h1{animation-delay:0.2s}.hero-content .tagline{animation-delay:0.4s}.hero-content .hero-cta{animation-delay:0.6s}.reveal{opacity:1;transform:translateY(0);transition:opacity 0.8s ease, transform 0.8s ease}.reveal.animated{opacity:1;transform:translateY(0)}.constellation{position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;opacity:0.2;background-image:radial-gradient(circle at 25% 25%, rgba(106,72,255,0.2) 1px, transparent 1px),radial-gradient(circle at 75% 75%, rgba(215,109,119,0.2) 1px, transparent 1px),radial-gradient(circle at 50% 50%, rgba(255,175,123,0.2) 1px, transparent 1px);background-size:50px 50px;animation:constellation 20s linear infinite}@keyframes constellation{0%{background-position:0 0, 0 0, 0 0}100%{background-position:50px 50px, -50px 50px, 50px -50px}}.cosmic-gradient{background:linear-gradient(135deg, #3a1c71, #d76d77, #ffaf7b);background-size:200% 200%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.shooting-star{position:absolute;width:2px;height:2px;border-radius:50%;background-color:white;box-shadow:0 0 10px 1px white;animation:shoot 5s linear infinite;opacity:0}.shooting-star:nth-child(1){top:10%;left:10%;animation-delay:0s}.shooting-star:nth-child(2){top:30%;left:70%;animation-delay:2s}.shooting-star:nth-child(3){top:70%;left:20%;animation-delay:4s}@keyframes shoot{0%{transform:translate(0, 0) rotate(45deg) scale(0);opacity:0}10%{opacity:1}20%{transform:translate(100px, 100px) rotate(45deg) scale(1);opacity:0}100%{transform:translate(100px, 100px) rotate(45deg) scale(1);opacity:0}}html,body{height:auto;margin:0;padding:0;overflow-x:hidden}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6;color:#121212;background-color:#f8f9fa;margin:0;padding:0;transition:background-color 0.3s ease, color 0.3s ease}body.dark-mode{background-color:#121212;color:#f8f9fa}.container{width:90%;max-width:1200px;margin:0 auto;padding:1rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.3}h1{font-size:2.5rem;background:linear-gradient(90deg, #3a1c71, #6b48ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}h2{font-size:1.5rem;position:relative;padding-bottom:.5rem}h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg, #6b48ff, #d76d77)}a{color:#6b48ff;text-decoration:none;transition:color 0.2s ease}a:hover{color:#d76d77}.site-header{position:fixed;top:0;left:0;width:100%;background-color:rgba(248,249,250,0.95);box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000;padding:.5rem 0;backdrop-filter:blur(10px);transition:background-color 0.3s ease}.dark-mode .site-header{background-color:rgba(18,18,18,0.95)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-header .logo{font-weight:700;font-size:1.5rem;color:#3a1c71;transition:color 0.3s ease}.dark-mode .site-header .logo{color:#d76d77}.site-header .main-nav ul{display:flex;list-style:none;margin:0;padding:0}.site-header .main-nav ul li{margin-left:2rem}.site-header .main-nav ul li a{font-weight:500;position:relative}.site-header .main-nav ul li a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg, #6b48ff, #d76d77);transition:width 0.3s ease}.site-header .main-nav ul li a:hover:after{width:100%}.hero-section{height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%, rgba(106,72,255,0.1), transparent 60%),radial-gradient(circle at 30% 70%, rgba(215,109,119,0.1), transparent 60%);z-index:-1}.hero-section .hero-content{max-width:600px;z-index:1}.hero-section .hero-content .tagline{font-size:1.5rem;margin-bottom:2rem;color:#6b48ff}.dark-mode .hero-section .hero-content .tagline{color:#d76d77}.hero-section .constellation{position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1}.hero-section .shooting-star{position:absolute;z-index:-1}.btn{display:inline-block;padding:.5rem 2rem;border-radius:4px;font-weight:600;text-align:center;transition:all 0.3s ease;cursor:pointer}.btn.btn-primary{background:linear-gradient(90deg, #3a1c71, #6b48ff);color:#f8f9fa;border:none;box-shadow:0 4px 15px rgba(58,28,113,0.3)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,28,113,0.4)}.btn.btn-secondary{background:transparent;color:#6b48ff;border:2px solid #6b48ff}.btn.btn-secondary:hover{background:rgba(107,72,255,0.1);transform:translateY(-2px)}.dark-mode .btn.btn-secondary{color:#d76d77;border-color:#d76d77}.dark-mode .btn.btn-secondary:hover{background:rgba(215,109,119,0.1)}section{padding:4rem 0;position:relative}.about-section{position:relative}.about-section .about-content{display:flex;gap:4rem;align-items:center}@media (max-width: 768px){.about-section .about-content{flex-direction:column}}.about-section .about-content .about-text{flex:3}.about-section .about-content .about-image{flex:2}.about-section .about-content .about-image img{border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease, box-shadow 0.3s ease}.about-section .about-content .about-image img:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.skills-section{background-color:rgba(58,28,113,0.03)}.dark-mode .skills-section{background-color:rgba(58,28,113,0.1)}.skills-section .skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:2rem}.skills-section .skills-grid .skill-card{background:#f8f9fa;border-radius:10px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:transform 0.3s ease, box-shadow 0.3s ease;border-top:3px solid #6b48ff}.skills-section .skills-grid .skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.dark-mode .skills-section .skills-grid .skill-card{background:rgba(18,18,18,0.5);border-top:3px solid #d76d77}.skills-section .skills-grid .skill-card .skill-icon{font-size:2rem;margin-bottom:1rem;background:linear-gradient(90deg, #6b48ff, #d76d77);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}.projects-section .projects-grid .project-card{background:#f8f9fa;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:transform 0.3s ease, box-shadow 0.3s ease}.projects-section .projects-grid .project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.dark-mode .projects-section .projects-grid .project-card{background:rgba(18,18,18,0.5)}.projects-section .projects-grid .project-card .project-thumbnail{height:200px;background:linear-gradient(135deg, #3a1c71, #6b48ff);position:relative;overflow:hidden}.projects-section .projects-grid .project-card .project-thumbnail:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.projects-section .projects-grid .project-card .project-thumbnail img{width:100%;height:100%;object-fit:cover}.projects-section .projects-grid .project-card .project-info{padding:1rem}.projects-section .projects-grid .project-card .project-skills{display:flex;flex-wrap:wrap;gap:5px;margin:.5rem 0}.projects-section .projects-grid .project-card .skill-tag{background:rgba(107,72,255,0.1);color:#6b48ff;padding:2px 8px;border-radius:4px;font-size:.875rem}.dark-mode .projects-section .projects-grid .project-card .skill-tag{background:rgba(215,109,119,0.1);color:#d76d77}.projects-section .projects-grid .project-card .project-link{display:inline-block;margin-top:.5rem;font-weight:600;position:relative}.projects-section .projects-grid .project-card .project-link:after{content:'→';margin-left:5px;transition:transform 0.3s ease}.projects-section .projects-grid .project-card .project-link:hover:after{transform:translateX(3px)}.contact-section{background:linear-gradient(rgba(248,249,250,0.97), rgba(248,249,250,0.97)),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%236b48ff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.dark-mode .contact-section{background:linear-gradient(rgba(18,18,18,0.97), rgba(18,18,18,0.97)),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%236b48ff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.contact-section .contact-content{display:flex;gap:4rem}@media (max-width: 768px){.contact-section .contact-content{flex-direction:column}}.contact-section .contact-content .contact-text{flex:1}.contact-section .contact-content .contact-methods{margin-top:2rem}.contact-section .contact-content .contact-methods .contact-method{display:flex;align-items:center;margin-bottom:1rem}.contact-section .contact-content .contact-methods .contact-method .method-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #6b48ff, #d76d77);color:#f8f9fa;margin-right:1rem}.contact-section .contact-content .contact-form{flex:2;background:#f8f9fa;border-radius:10px;padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,0.05)}.dark-mode .contact-section .contact-content .contact-form{background:rgba(18,18,18,0.5);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.contact-section .contact-content .contact-form .form-group{margin-bottom:1rem}.contact-section .contact-content .contact-form .form-group label{display:block;margin-bottom:.25rem;font-weight:500}.contact-section .contact-content .contact-form .form-group input,.contact-section .contact-content .contact-form .form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:inherit;background:#f8f9fa;transition:border-color 0.3s ease, box-shadow 0.3s ease}.contact-section .contact-content .contact-form .form-group input:focus,.contact-section .contact-content .contact-form .form-group textarea:focus{outline:none;border-color:#6b48ff;box-shadow:0 0 0 3px rgba(107,72,255,0.1)}.dark-mode .contact-section .contact-content .contact-form .form-group input,.dark-mode .contact-section .contact-content .contact-form .form-group textarea{background:rgba(18,18,18,0.3);border-color:rgba(248,249,250,0.1);color:#f8f9fa}.dark-mode .contact-section .contact-content .contact-form .form-group input:focus,.dark-mode .contact-section .contact-content .contact-form .form-group textarea:focus{border-color:#d76d77;box-shadow:0 0 0 3px rgba(215,109,119,0.1)}.site-footer{background:#3a1c71;color:#f8f9fa;padding:2rem 0}.site-footer .footer-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 576px){.site-footer .footer-content{flex-direction:column;text-align:center;gap:1rem}}.site-footer a{color:#ffaf7b;transition:color 0.3s ease}.site-footer a:hover{color:#d76d77}.site-footer .social-links{display:flex;gap:1rem}.site-footer .social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(248,249,250,0.1);transition:background 0.3s ease, transform 0.3s ease}.site-footer .social-links a:hover{background:rgba(248,249,250,0.2);transform:translateY(-2px)}.dark-mode-toggle{background:none;border:none;cursor:pointer;width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;font-size:20px;color:#3a1c71;transition:color 0.3s ease, transform 0.3s ease}.dark-mode-toggle:hover{transform:rotate(15deg)}.dark-mode .dark-mode-toggle{color:#d76d77}@media (max-width: 992px){.hero-section{padding-top:80px}}@media (max-width: 768px){.site-header .main-nav{display:none}h1{font-size:2rem}h2{font-size:1.5rem}.skills-grid,.projects-grid{grid-template-columns:1fr}}@media (max-width: 576px){.hero-cta{flex-direction:column;gap:.5rem}.hero-cta .btn{width:100%}}.cosmic-orb{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(106,72,255,0.3), rgba(215,109,119,0.1));filter:blur(50px);z-index:-1;opacity:0.5}.hero-section .cosmic-orb:nth-child(1){width:300px;height:300px;top:20%;right:10%;animation:float 15s ease-in-out infinite}.about-section .cosmic-orb:nth-child(1){width:200px;height:200px;bottom:10%;left:5%;animation:float 20s ease-in-out infinite}@keyframes float{0%{transform:translate(0, 0)}50%{transform:translate(20px, -20px)}100%{transform:translate(0, 0)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease, transform 0.8s ease}.reveal.active{opacity:1;transform:translateY(0)}.project-detail{max-width:900px;margin:0 auto;padding:120px 20px 60px}.project-detail .project-header{text-align:center;margin-bottom:60px;position:relative}.project-detail .project-header:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg, #6b48ff, #d76d77)}.project-detail .project-header h1{font-size:2.5rem;margin-bottom:10px}.project-detail .project-header .project-meta{color:#6b48ff;font-size:1.1rem;font-weight:500}.dark-mode .project-detail .project-header .project-meta{color:#d76d77}.project-detail .project-content{line-height:1.8}.project-detail .project-content h2{margin-top:40px;margin-bottom:20px;font-size:1.8rem;color:#3a1c71}.dark-mode .project-detail .project-content h2{color:#6b48ff}.project-detail .project-content h3{margin-top:30px;font-size:1.4rem;color:#3a1c71}.dark-mode .project-detail .project-content h3{color:#6b48ff}.project-detail .project-content p{margin-bottom:20px}.project-detail .project-content ul,.project-detail .project-content ol{margin-bottom:20px;padding-left:20px}.project-detail .project-content ul li,.project-detail .project-content ol li{margin-bottom:10px}.project-detail .project-content img{max-width:100%;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin:30px 0}.dark-mode .project-detail .project-content img{box-shadow:0 5px 15px rgba(0,0,0,0.3)}.project-detail .project-content blockquote{border-left:4px solid #6b48ff;padding-left:20px;margin:30px 0;font-style:italic;color:#555}.dark-mode .project-detail .project-content blockquote{color:#bbb}.project-detail .project-content code{background:rgba(107,72,255,0.1);padding:2px 6px;border-radius:4px;font-family:monospace}.dark-mode .project-detail .project-content code{background:rgba(107,72,255,0.2)}.project-detail .project-content pre{background:#f5f5f5;padding:15px;border-radius:8px;overflow-x:auto;margin:30px 0}.dark-mode .project-detail .project-content pre{background:#2a2a2a}.project-detail .project-content pre code{background:transparent;padding:0}.project-detail .back-link{display:inline-block;margin-top:60px;font-weight:600;color:#6b48ff;transition:all 0.3s ease}.project-detail .back-link:hover{transform:translateX(-5px);color:#3a1c71}.dark-mode .project-detail .back-link{color:#d76d77}.dark-mode .project-detail .back-link:hover{color:#3a1c71}.project-detail .project-gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px;margin:40px 0}.project-detail .project-gallery img{width:100%;height:180px;object-fit:cover;border-radius:8px;transition:transform 0.3s ease}.project-detail .project-gallery img:hover{transform:scale(1.03)}.project-detail .key-points{background:linear-gradient(135deg, rgba(107,72,255,0.05), rgba(215,109,119,0.05));border-radius:10px;padding:25px;margin:40px 0;border-left:4px solid #6b48ff}.dark-mode .project-detail .key-points{background:linear-gradient(135deg, rgba(107,72,255,0.1), rgba(215,109,119,0.1))}.project-detail .key-points h3{margin-top:0;font-size:1.3rem}.project-detail .key-points ul{margin-bottom:0}.project-detail .project-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin:40px 0}.project-detail .project-stats .stat{text-align:center;padding:20px;background:rgba(58,28,113,0.03);border-radius:8px}.dark-mode .project-detail .project-stats .stat{background:rgba(58,28,113,0.1)}.project-detail .project-stats .stat .stat-value{font-size:2rem;font-weight:700;color:#6b48ff;margin-bottom:5px}.dark-mode .project-detail .project-stats .stat .stat-value{color:#d76d77}.project-detail .project-stats .stat .stat-label{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.project-detail{padding:100px 20px 40px}.project-detail .project-header{margin-bottom:40px}.project-detail .project-header h1{font-size:2rem}}@media (max-width: 576px){.project-detail{padding:90px 15px 30px}.project-detail .project-stats{grid-template-columns:1fr}}