:root{--primary-bg:#111827;--secondary-bg:#1f2937;--card-bg:#374151;--accent-blue:#3b82f6;--accent-green:#00d4aa;--accent-orange:#f59e0b;--accent-red:#ef4444;--text-white:#fff;--text-gray:#94a3b8;--text-dim:#64748b;--border-color:#4b5563;--hover-bg:#4b5563}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-bg);color:var(--text-white);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.section-title{font-size:2.5rem;margin-bottom:3rem}.section-title span{color:var(--accent-blue)}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.stats{gap:2rem}.about-content{gap:2rem}.about-content,.experience-grid{grid-template-columns:1fr}.contact-info,.cta-buttons{align-items:center;flex-direction:column}}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navigation.scrolled{background:#1a1f2ef2;padding:.75rem 2rem}.navigation-container{justify-content:space-between;margin:0 auto;max-width:1200px}.navigation-container,.navigation-logo{align-items:center;display:flex}.navigation-logo img{height:60px;max-width:500px;transition:all .3s ease;width:auto}.navigation.scrolled .navigation-logo img{height:45px}.navigation-links{display:flex;gap:2rem;list-style:none}.navigation-links a{color:var(--text-gray);font-weight:500;text-decoration:none;transition:color .3s ease}.navigation-links a:hover{color:var(--accent-blue)}.burger-menu{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;z-index:1001}.burger-menu span{background:var(--text-white);border-radius:2px;height:3px;transition:all .3s ease;width:25px}.burger-menu.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.burger-menu.open span:nth-child(2){opacity:0}.burger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:768px){.burger-menu{display:flex}.navigation-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f2efa;box-shadow:-5px 0 20px #00000080;flex-direction:column;gap:2rem;height:100vh;max-width:300px;padding:5rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%}.navigation-links.mobile-open{right:0}.navigation-links li{width:100%}.navigation-links a{border-radius:10px;display:block;font-size:1.1rem;padding:.75rem 1rem;transition:all .3s ease}.navigation-links a:hover{background:#3b82f61a;color:var(--accent-blue)}.navigation{padding:1rem 1.5rem}.navigation.scrolled{padding:.75rem 1.5rem}}.hero{align-items:center;background:#111827;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:100px;position:relative;text-align:center}.hero:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{max-width:800px;padding:0 2rem;position:relative;z-index:2}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8 35%,#3b82f6 70%,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.hero-subtitle{color:#94a3b8;font-size:1.25rem;font-weight:400;letter-spacing:.025em;margin-bottom:3rem}.hero-stats{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin:3rem 0}.hero-stat{text-align:center}.hero-stat-number{color:#4ade80;display:block;font-size:2.75rem;font-weight:700;margin-bottom:.5rem}.hero-stat-label{color:#94a3b8;font-size:.875rem;font-weight:500;letter-spacing:.05em}.hero-description{margin:2rem auto;max-width:600px}.hero-description p{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:2rem;text-align:center}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-stats{gap:2rem}}.about{background:var(--primary-bg);padding:5rem 2rem;text-align:center}.about-title{color:var(--text-white);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.about-title span{color:#3b82f6}.about-title:after{background:#3b82f6;content:"";display:block;height:3px;margin:1rem auto;width:60px}.about-subtitle{color:var(--text-gray);font-size:1.1rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px}.about-content{grid-gap:6rem;align-items:start;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;text-align:left}.about-expertise{background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:20px;padding:2.5rem}.expertise-title{color:var(--text-white);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.expertise-list{display:flex;flex-direction:column;gap:1.5rem}.expertise-item{align-items:flex-start;display:flex;gap:1rem}.expertise-bullet{background:#4ade80;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.expertise-details h4{color:var(--text-white);font-size:1rem;font-weight:600;margin-bottom:.25rem}.expertise-details p{color:var(--text-gray);font-size:.9rem;line-height:1.4}.about-profile{align-items:flex-start;display:flex;flex-direction:column}.profile-description{color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.about-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;width:100%}.about-stat-item{background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:15px;padding:1.5rem;text-align:center}.about-stat-number{color:#4ade80;display:block;font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.about-stat-label{color:var(--text-gray);font-size:.85rem;font-weight:500}@media (max-width:768px){.about{padding:3rem 1rem}.about-title{font-size:2rem}.about-content{gap:3rem;grid-template-columns:1fr}.about-expertise{padding:2rem}.about-stats-grid{gap:1rem;grid-template-columns:1fr}.about-stat-item{padding:1.25rem}}.skills{background:var(--primary-bg);padding:5rem 2rem;text-align:center}.tech-title{color:var(--text-white);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.tech-title span{color:#3b82f6}.tech-title:after{background:#3b82f6;content:"";display:block;height:3px;margin:1rem auto;width:60px}.tech-subtitle{color:var(--text-gray);font-size:1.1rem;margin-bottom:4rem;max-width:600px}.tech-grid,.tech-subtitle{margin-left:auto;margin-right:auto}.tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;max-width:1200px}.tech-category{background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:20px;padding:2rem;text-align:left;transition:transform .3s ease}.tech-category:hover{transform:translateY(-5px)}.tech-category-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.category-icon{flex-shrink:0;height:28px;object-fit:contain;width:28px}.tech-category-header h3{color:var(--text-white);font-size:1.1rem;font-weight:600;margin:0}.tech-skills{display:flex;flex-direction:column;gap:.75rem}.tech-skill{align-items:center;color:var(--text-white);display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 0}.skill-icon{flex-shrink:0;height:24px;object-fit:contain;width:24px}.skill-bullet{border-radius:50%;flex-shrink:0;height:8px;width:8px}.design .skill-bullet{background:#8b5cf6}.programming .skill-bullet{background:#3b82f6}.development .skill-bullet{background:#4ade80}.business .skill-bullet{background:#f59e0b}.more-technologies{margin-top:5rem;text-align:center}.more-tech-title{color:var(--text-white);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.more-tech-subtitle{color:var(--text-gray);font-size:.95rem;margin-bottom:3rem}.more-tech-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:800px}.more-tech-item{align-items:center;background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:15px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:transform .3s ease}.more-tech-item:hover{transform:translateY(-3px)}.more-tech-item i{color:#3b82f6;font-size:1.5rem}.more-tech-item span{color:var(--text-gray);font-size:.9rem;font-weight:500}@media (max-width:768px){.skills{padding:3rem 1rem}.tech-title{font-size:2rem}.tech-grid{gap:1.5rem;grid-template-columns:1fr}.tech-category{padding:1.5rem}.more-tech-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.more-tech-item{padding:1.25rem}}.projects{opacity:1!important;padding:5rem 2rem}.projects-description{color:var(--text-gray);margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin-top:3rem}@media (max-width:768px){.projects{padding:3rem 1rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.projects-card-content{padding:1rem}.projects-card-title{font-size:1.1rem}.projects-card-description{font-size:.85rem}}.projects-card{background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.projects-card:hover{border-color:var(--accent-blue);transform:translateY(-10px)}.projects-card-image{align-items:center;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));color:#fff;display:flex;font-size:3rem;height:200px;justify-content:center}.project-cover-image{height:100%;object-fit:cover;object-position:top;width:100%}.projects-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.projects-card-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.projects-card-description{color:var(--text-gray);font-size:.9rem;margin-bottom:1rem}.projects-card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.projects-card-tag{background:#00d4aa1a;border-radius:15px;color:var(--accent-green);font-size:.7rem;padding:.2rem .6rem}.project-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:1rem}.projects-live-link{align-items:center;background:var(--accent-blue);border-radius:25px;color:#fff;display:inline-flex;font-size:.8rem;gap:.3rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.projects-live-link:hover{background:#3a7ce0;transform:translateY(-2px)}.projects-details-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;gap:.3rem;padding:.5rem 1rem;transition:all .3s ease}.projects-details-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 15px #8b5cf64d;transform:translateY(-2px)}.coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 10px #f59e0b4d;display:inline-block;font-weight:600}.coming-soon-badge,.projects-link-btn{color:#fff;font-size:.8rem;padding:.5rem 1rem}.projects-link-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-family:inherit;gap:.3rem;transition:all .3s ease}.projects-link-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 15px #10b9814d;transform:translateY(-2px)}.contact{background:var(--primary-bg);padding:5rem 2rem;text-align:center}.contact-title{color:var(--text-white);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-title span{color:#3b82f6}.contact-title:after{background:#3b82f6;content:"";display:block;height:3px;margin:1rem auto;width:60px}.contact-subtitle{color:var(--text-gray);font-size:1.1rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;text-align:left}.contact-form-card{background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:20px;padding:2.5rem}.form-title{color:var(--text-white);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-gray);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{background:#4a90ff0d;border:1px solid #4a90ff33;border-radius:10px;color:var(--text-white);font-size:.95rem;padding:1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.form-group input:focus,.form-group textarea:focus{background:#4a90ff1a;border-color:#3b82f6;outline:none}.form-group textarea{min-height:120px;resize:vertical}.send-message-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.send-message-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.send-message-btn:disabled{cursor:not-allowed;opacity:.6}.submit-success{background:linear-gradient(135deg,#10b981,#059669)}.submit-error,.submit-success{border-radius:10px;color:#fff;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:center}.submit-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info-card{background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:20px;padding:2.5rem}.info-title{color:var(--text-white);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.info-description{color:var(--text-gray);line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-detail-item{align-items:center;display:flex;gap:1rem}.contact-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.email-icon,.location-icon,.phone-icon,.time-icon{background:#00d4aa1a;color:#00d4aa}.contact-detail-content{display:flex;flex-direction:column;gap:.25rem}.contact-label{color:var(--text-dim);font-size:.85rem;font-weight:500}.contact-value{color:var(--text-white);font-size:.95rem;font-weight:500}.social-media-card{background:var(--card-bg);border:1px solid #4a90ff1a;border-radius:20px;padding:2rem;text-align:center}.social-title{color:var(--text-white);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.social-links{gap:1rem}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:#4a90ff1a;border-radius:10px;color:var(--text-gray);font-size:1.1rem;height:45px;text-decoration:none;transition:all .3s ease;width:45px}.social-link:hover{background:#3b82f6;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.contact{padding:3rem 1rem}.contact-title{font-size:2rem}.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form-card,.contact-info-card{padding:2rem}.social-media-card{padding:1.5rem}}.stova-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.feature-icon{background:#6366f11a}.feature-icon,.tech-icon{color:var(--accent-primary)}.ui-screens-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin-top:2rem}.ui-screen-card{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.ui-screen-card:hover{box-shadow:0 20px 40px #00d4aa1a;transform:translateY(-5px)}.ui-screen-image{height:auto;overflow:hidden;position:relative;width:100%}.ui-screen-content{padding:2rem}.ui-screen-title{color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.ui-screen-description{color:var(--text-gray);line-height:1.7;margin-bottom:1.5rem}.ui-screen-features{display:flex;flex-wrap:wrap;gap:.5rem}.ui-feature-tag{background:#00d4aa1a;border:1px solid #00d4aa33;border-radius:15px;color:#00d4aa;font-size:.8rem;font-weight:500;padding:.4rem .8rem}.wireframe-section{margin-top:2rem}.wireframe-container{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;overflow:hidden}.wireframe-image-wrapper{align-items:center;background:#f8f9fa;border-bottom:1px solid #8b5cf61a;display:flex;justify-content:center;padding:2rem;width:100%}.wireframe-img{border-radius:10px;height:auto;max-width:100%}.wireframe-details{padding:2.5rem}.wireframe-title{color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.wireframe-description{color:var(--text-gray);font-size:1rem;line-height:1.7;margin-bottom:2rem}.wireframe-highlights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.wireframe-highlight{align-items:flex-start;background:#00d4aa0d;border:1px solid #00d4aa1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.highlight-icon{align-items:center;background:#6366f11a;border-radius:8px;color:var(--accent-primary);display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.highlight-content{flex:1 1}.highlight-title{color:var(--text-white);font-size:1rem;font-weight:600;margin-bottom:.5rem}.highlight-desc{color:var(--text-gray);font-size:.875rem;line-height:1.5;margin:0}.design-system-section{border:1px solid #8b73551a}.design-system-subtitle{color:#8b7355}.weight-item{border:1px solid #8b73550d}.weight-sample.display{font-family:Playfair Display,serif}.color-card{border:1px solid #8b73550d}.color-hex-card{color:#8b7355}@media (max-width:768px){.project-title{font-size:2rem}.features-grid,.project-overview{grid-template-columns:1fr}.tech-items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.challenges-grid{grid-template-columns:1fr}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}.ui-screen-content{padding:1.5rem}.ui-screen-title{font-size:1.2rem}.ui-feature-tag{font-size:.75rem;padding:.3rem .6rem}.design-system-grid{grid-template-columns:1fr}.design-system-section{padding:1.5rem}.design-system-subtitle{font-size:1.1rem}.color-preview-large{height:60px;width:60px}.wireframe-details{padding:1.5rem}.wireframe-highlights{gap:1rem;grid-template-columns:1fr}.wireframe-highlight{padding:1rem}.wireframe-title{font-size:1.3rem}.wireframe-image-wrapper{padding:1rem}}.siwa-garden-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.back-button{background:linear-gradient(135deg,#2d5016,#558b2f)}.back-button:hover{background:linear-gradient(135deg,#558b2f,#8bc34a)}.project-title{background:linear-gradient(135deg,var(--text-white) 0,#8bc34a 100%)}.project-tag{background:#8bc34a1a;border:1px solid #8bc34a4d}.project-tag,.section-title span{color:#8bc34a}.feature-card,.overview-content,.overview-stats{border:1px solid #8bc34a1a}.feature-icon{background:#8bc34a1a;color:#8bc34a}.tech-item{border:1px solid #8bc34a1a}.tech-icon{color:#8bc34a}.impact-stat{border:1px solid #8bc34a1a;border-top:4px solid #8bc34a}.impact-number{color:#8bc34a}.design-subsection{margin-bottom:3rem}.subsection-title{border-left:3px solid #8bc34a}.color-palette{gap:2rem}.color-group{background:var(--card-bg);border:1px solid #8bc34a1a;border-radius:15px;padding:2rem}.color-group-title{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.color-swatches{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.color-swatch{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;display:flex;gap:1rem;padding:1rem;transition:transform .3s ease}.color-swatch:hover{transform:translateY(-2px)}.color-preview{border:2px solid #ffffff1a;border-radius:8px;flex-shrink:0;height:50px;width:50px}.color-info{display:flex;flex-direction:column;gap:.3rem}.color-name{font-size:.9rem}.color-code{background:#ffffff0d;border-radius:4px;color:var(--text-gray);font-family:Courier New,monospace;font-size:.8rem;padding:.2rem .5rem;width:-webkit-fit-content;width:fit-content}.typography-showcase{display:flex;flex-direction:column;gap:2rem}.typography-item{grid-gap:2rem;align-items:center;background:var(--card-bg);border:1px solid #8bc34a1a;border-radius:15px;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.typography-example{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;padding:1rem}.font-display{color:#8bc34a;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.font-heading{color:var(--text-white);font-size:1.5rem;font-weight:600;line-height:1.3}.font-body,.font-heading{font-family:Inter,sans-serif;margin:0}.font-body{color:var(--text-gray);font-size:1rem;font-weight:400;line-height:1.6}.font-caption{color:#8bc34a;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin:0}.typography-details{display:flex;flex-direction:column;gap:.5rem}.font-name{color:var(--text-white);font-size:1rem;font-weight:700}.font-specs{background:#8bc34a1a;border-radius:6px;color:#8bc34a;font-family:Courier New,monospace;font-size:.875rem;padding:.3rem .6rem;width:-webkit-fit-content;width:fit-content}.font-usage{color:var(--text-gray);font-size:.8rem;font-style:italic}.component-item{border:1px solid #8bc34a1a;padding:1.5rem;transition:transform .3s ease}.component-item-full{grid-column:1/-1}.component-title{font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.component-image-wrapper{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;display:flex;justify-content:center;padding:1rem}.component-img{border-radius:8px;display:block;height:auto;width:100%}.btn-primary-demo{background:#8bc34a;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary-demo:hover{background:#7cb342;transform:translateY(-2px)}.btn-secondary-demo{background:#0000;border:2px solid #8bc34a;border-radius:25px;color:#8bc34a;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary-demo:hover{background:#8bc34a1a}.btn-outline-demo{background:#0000;border:1px solid #fff3;border-radius:25px;color:var(--text-white);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-outline-demo:hover{border-color:#8bc34a;color:#8bc34a}.plant-card-demo{align-items:center;background:#8bc34a0d;border:1px solid #8bc34a33;border-radius:12px;display:flex;gap:1rem;max-width:300px;padding:1rem}.plant-card-image-demo{align-items:center;background:#8bc34a;border-radius:10px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.plant-card-content-demo h5{color:var(--text-white);font-size:1rem;font-weight:600;margin:0 0 .25rem}.plant-card-content-demo p{color:var(--text-gray);font-size:.85rem;margin:0}.input-demo{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-white);font-size:.95rem;max-width:300px;padding:.75rem 1rem;transition:all .3s ease;width:100%}.input-demo:focus{border-color:#8bc34a;box-shadow:0 0 0 3px #8bc34a1a;outline:none}.input-demo::placeholder{color:var(--text-gray)}.tag-demo{border-radius:15px;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.tag-success{background:#8bc34a1a;border:1px solid #8bc34a4d;color:#8bc34a}.tag-info{background:#4a90ff1a;border:1px solid #4a90ff4d;color:#4a90ff}.tag-warning{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.web-thumbnail:hover{box-shadow:0 4px 15px #8bc34a4d}.web-thumbnail.active{border-color:#8bc34a;box-shadow:0 4px 15px #8bc34a80}.mobile-screens-horizontal{align-items:flex-start;display:flex;gap:2rem;margin-top:2rem;overflow-x:auto;padding:1rem 0}.mobile-screen-img-horizontal{border-radius:10px;box-shadow:0 4px 15px #0003;flex:0 0 auto;height:500px;transition:transform .3s ease;width:auto}.mobile-screen-img-horizontal:hover{transform:scale(1.05)}.placeholder-mobile-screen{align-items:center;background:#8bc34a1a;border:2px dashed #8bc34a4d;border-radius:20px;display:flex;flex-direction:column;gap:.75rem;height:280px;justify-content:center;padding:2rem 1rem;width:150px}.placeholder-mobile-screen i{color:#8bc34a;font-size:2.5rem}.placeholder-mobile-screen p{color:var(--text-gray);font-size:.85rem;font-weight:500;margin:0}.mobile-screen-info{flex:1 1}.mobile-screen-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.mobile-screen-description{font-size:.85rem;line-height:1.5;margin:0}@media (max-width:768px){.project-title{font-size:2rem}.features-grid,.project-overview{grid-template-columns:1fr}.tech-items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.challenges-grid{grid-template-columns:1fr}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}.color-swatches,.typography-item{grid-template-columns:1fr}.typography-item{gap:1.5rem}.font-display{font-size:2rem}.font-heading{font-size:1.25rem}.subsection-title{font-size:1.3rem}.components-showcase{grid-template-columns:1fr}.component-image-wrapper{padding:.5rem}.web-screens-gallery{flex-direction:column}.main-web-screen{width:100%}.web-thumbnails{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;width:100%}.web-thumbnail{flex:0 0 auto;width:120px}.web-thumbnail:hover{transform:translateY(-3px)}.mobile-screens-horizontal{overflow-x:auto}.mobile-screen-img-horizontal{height:400px}}.breadfast-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.back-button{background:linear-gradient(135deg,#ffc107,#ff9800)}.back-button:hover{background:linear-gradient(135deg,#ff9800,#f57c00)}.project-title{background:linear-gradient(135deg,var(--text-white) 0,#ffc107 100%)}.project-tag{background:#ffc1071a;border:1px solid #ffc1074d}.project-tag,.section-title span{color:#ffc107}.challenge-overview,.overview-content,.overview-stats{border:1px solid #ffc1071a}.challenge-intro{background:#ffc1070d;border-left:4px solid #ffc107}.mission-box{background:linear-gradient(135deg,#ffc1071a,#ff98000d);border:2px solid #ffc10733;border-radius:20px;margin-bottom:3rem;padding:2.5rem;text-align:center}.mission-title{color:#ffc107;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.mission-text{color:var(--text-gray);font-size:1.1rem;line-height:1.8}.mission-text strong{color:#ffc107;font-weight:600}.objectives-section{margin-bottom:3rem}.objectives-title{border-left:3px solid #ffc107;color:var(--text-white);font-size:1.3rem;font-weight:600;margin-bottom:2rem;padding-left:1rem}.objectives-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.objective-item{align-items:start;background:var(--card-bg);border:1px solid #ffc1071a;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .3s ease}.objective-item:hover{border-color:#ffc1074d;transform:translateX(5px)}.objective-icon{align-items:center;background:#ffc1071a;border-radius:10px;color:#ffc107;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.objective-content h4{color:var(--text-white);font-size:1rem;font-weight:600;margin-bottom:.5rem}.objective-content p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}.key-objectives-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.key-objective-card{background:var(--card-bg);border:1px solid #ffc1071a;border-radius:15px;padding:2rem;text-align:center;transition:transform .3s ease}.key-objective-card:hover{border-color:#ffc1074d;transform:translateY(-5px)}.key-objective-icon{align-items:center;background:#ffc1071a;border-radius:50%;color:#ffc107;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.key-objective-card h4{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.key-objective-card p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}.feature-card{border:1px solid #ffc1071a}.feature-icon{background:#ffc1071a;color:#ffc107}.constraints-list{display:flex;flex-direction:column;gap:1.5rem}.constraint-item{align-items:start;background:var(--card-bg);border:1px solid #ffc1071a;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem}.constraint-icon{align-items:center;background:#4a90ff1a;border-radius:10px;color:#4a90ff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.constraint-content h4{color:var(--text-white);font-size:1rem;font-weight:600;margin-bottom:.5rem}.constraint-content p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}.process-timeline{margin-top:2rem;padding-left:3rem;position:relative}.process-timeline:before{background:linear-gradient(180deg,#ffc107,#ffc1071a);bottom:0;content:"";left:1.5rem;position:absolute;top:0;width:2px}.process-step{margin-bottom:3rem;padding-left:2rem;position:relative}.process-step:last-child{margin-bottom:0}.process-number{align-items:center;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;box-shadow:0 4px 15px #ffc1074d;color:#fff;display:flex;font-size:1rem;font-weight:800;height:3rem;justify-content:center;left:-2rem;position:absolute;top:0;width:3rem}.process-content{background:var(--card-bg);border:1px solid #ffc1071a;border-radius:12px;padding:1.5rem}.process-content h4{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.process-content p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}.figma-embed{border:1px solid #ffc1071a}.design-images{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.design-image{border:1px solid #ffc1071a;border-radius:15px;overflow:hidden;transition:transform .3s ease}.design-image:hover{border-color:#ffc1074d;transform:translateY(-5px)}.design-image img{display:block;height:auto;width:100%}.impact-card{border:1px solid #ffc1071a;border-top:4px solid #ffc107}.impact-icon{background:#ffc1071a;color:#ffc107}@media (max-width:768px){.project-title{font-size:2rem}.challenges-grid,.design-images,.features-grid,.impact-grid,.key-objectives-grid,.project-overview{grid-template-columns:1fr}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}.process-timeline{padding-left:2rem}.process-timeline:before{left:1rem}.process-number{font-size:.9rem;height:2.5rem;left:-1.5rem;width:2.5rem}.constraint-item,.objective-item{flex-direction:column;gap:1rem}}.gates-admin-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.section-description{margin-bottom:3rem}.challenge-overview{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;padding:2.5rem}.challenge-intro{background:#00d4aa0d;border-left:4px solid #00d4aa;border-radius:8px;color:var(--text-gray);font-size:1.05rem;line-height:1.7;margin-bottom:2rem;padding:1.5rem}.challenge-card{background:#ffffff05}.challenge-number{background:#ef44441a;border-radius:10px;color:#ef4444;display:inline-block;font-size:1.5rem;font-weight:800;margin-bottom:1rem;padding:.5rem 1rem}.ui-showcase{display:flex;flex-direction:column;gap:2rem}.ui-image-large{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;overflow:hidden}.ui-image-large img{display:block;height:auto;width:100%}.ui-images-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.ui-image{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;overflow:hidden;transition:transform .3s ease}.ui-image:hover{border-color:#00d4aa4d;transform:translateY(-5px)}.ui-image img{display:block;height:auto;width:100%}.image-caption{background:#00d4aa0d;color:var(--text-gray);font-size:.9rem;padding:1rem;text-align:center}.dashboard-showcase{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.dashboard-image{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;overflow:hidden;transition:transform .3s ease}.dashboard-image:hover{border-color:#00d4aa4d;transform:translateY(-5px)}.dashboard-image img{display:block;height:auto;width:100%}@media (max-width:768px){.project-title{font-size:2rem}.challenges-grid,.dashboard-showcase,.features-grid,.impact-grid,.project-overview,.ui-images-grid{grid-template-columns:1fr}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}}.edestination-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.cover-image-section{border:1px solid #00d4aa1a}.mission-vision-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.mission-box,.vision-box{background:#00d4aa0d;border:1px solid #00d4aa33;border-radius:12px;padding:1.5rem}.mission-box h3,.vision-box h3{align-items:center;color:#00d4aa;display:flex;font-size:1rem;gap:.5rem;margin-bottom:.75rem}.mission-box p,.vision-box p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}.problem-box{align-items:start;background:var(--card-bg);border:1px solid #ef44441a;border-left:4px solid #ef4444;border-radius:20px;display:flex;gap:2rem;padding:2.5rem}.problem-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.problem-content{flex:1 1}.problem-text{color:var(--text-gray);font-size:1.05rem;line-height:1.7;margin:0}.goals-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.goal-card{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;padding:2rem;transition:transform .3s ease}.goal-card:hover{border-color:#00d4aa4d;transform:translateY(-5px)}.goal-number{background:#00d4aa1a;border-radius:10px;color:#00d4aa;display:inline-block;font-size:1.5rem;font-weight:800;margin-bottom:1rem;padding:.5rem 1rem}.goal-title{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.goal-description{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}.persona-header{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-bottom:1px solid #10b9811a;gap:2rem;padding:2.5rem}.persona-avatar{background:#00d4aa1a;color:#00d4aa;flex-shrink:0;font-size:4rem;height:100px;width:100px}.persona-name{color:var(--text-white);font-size:1.8rem}.persona-subtitle{color:var(--text-gray)}.persona-body{padding:2.5rem}.persona-section{margin-bottom:2rem}.persona-section:last-child{margin-bottom:0}.persona-section h4{align-items:center;color:#00d4aa;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.persona-section p{color:var(--text-gray);line-height:1.7;margin:0}.persona-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{background:#ffffff05;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.detail-label{color:var(--text-gray);font-size:.9rem}.detail-value{color:var(--text-white);font-weight:600}.persona-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.persona-section ul{list-style:none;margin:0;padding:0}.persona-section li{color:var(--text-gray);padding:.5rem 0 .5rem 1.5rem;position:relative}.persona-section li:before{color:#00d4aa;content:"•";font-size:1.5rem;left:0;position:absolute;top:.25rem}.storyboard{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;padding:2.5rem}.story-intro{margin-bottom:3rem;text-align:center}.story-intro p{color:var(--text-gray);font-size:1.1rem;line-height:1.7}.story-timeline{padding-left:3rem;position:relative}.story-timeline:before{background:linear-gradient(180deg,#00d4aa,#00d4aa1a);bottom:0;content:"";left:1.5rem;position:absolute;top:0;width:2px}.story-step{display:flex;gap:1.5rem;margin-bottom:3rem;padding-left:2rem;position:relative}.story-step:last-child{margin-bottom:0}.story-icon{align-items:center;background:linear-gradient(135deg,#00d4aa,#00bfa5);border-radius:50%;box-shadow:0 4px 15px #00d4aa4d;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:3rem;justify-content:center;left:-2rem;position:absolute;top:0;width:3rem}.story-content{background:#ffffff05;border:1px solid #00d4aa1a;border-radius:12px;flex:1 1;padding:1.5rem}.story-content h4{color:var(--text-white);font-size:1.1rem;margin-bottom:.75rem}.story-content p{color:var(--text-gray);line-height:1.6;margin:0}.feature-card:hover{border-color:#00d4aa4d}.design-system-subtitle{color:#00d4aa}.weight-item{border:1px solid #00d4aa0d}.weight-sample.medium{font-weight:500}.weight-sample.semibold{font-weight:600}.weight-sample.bold{font-weight:700}.weight-sample.italic{font-style:italic}.color-palette{display:flex;flex-direction:column;gap:1.5rem}.color-swatch{border-radius:10px;box-shadow:0 4px 10px #0000004d;flex-shrink:0;height:80px;width:80px}.color-info{flex:1 1}.color-name{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.color-hex{color:#00d4aa;font-family:Courier New,monospace;font-size:1rem;margin-bottom:.5rem}.color-usage{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}.design-system-image{border:1px solid #00d4aa1a;border-radius:15px;margin-top:2rem;overflow:hidden}.design-system-image img{display:block;height:auto;width:100%}.design-showcase{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.design-slide{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;overflow:hidden;transition:transform .3s ease}.design-slide:hover{border-color:#00d4aa4d;transform:translateY(-5px)}.design-slide img{display:block;height:auto;width:100%}.figma-embed{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;margin-top:2rem;overflow:hidden;padding:1rem}.figma-embed iframe{border-radius:10px}.section-description{margin-bottom:2rem;margin-left:auto;margin-right:auto}.impact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.impact-card{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;border-top:4px solid #00d4aa;padding:2rem;text-align:center;transition:transform .3s ease}.impact-card:hover{transform:translateY(-5px)}.impact-icon{align-items:center;background:#00d4aa1a;border-radius:50%;color:#00d4aa;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.impact-card h4{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.impact-card p{color:var(--text-gray);font-size:.9rem;line-height:1.6;margin:0}@media (max-width:768px){.project-title{font-size:2rem}.design-system-grid,.goals-grid,.mission-vision-grid,.project-overview{grid-template-columns:1fr}.persona-header{flex-direction:column;text-align:center}.persona-grid{grid-template-columns:1fr}.story-timeline{padding-left:2rem}.story-timeline:before{left:1rem}.story-icon{font-size:1rem;height:2.5rem;left:-1.5rem;width:2.5rem}.design-showcase,.features-grid,.impact-grid{grid-template-columns:1fr}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}}.health360-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.back-button{background:var(--accent-purple)}.back-button:hover{background:#7c3aed}.tech-items{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.tech-item{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:10px;padding:1.5rem;text-align:center;transition:transform .3s ease}.tech-item:hover{transform:translateY(-3px)}.tech-icon{color:#00d4aa;font-size:2rem;margin-bottom:.5rem}.tech-name{color:var(--text-white);font-weight:500}.challenges-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.challenge-card{background:var(--card-bg);border:1px solid #ef44441a;border-left:4px solid #ef4444;border-radius:15px;padding:2rem}.challenge-title{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.challenge-description{color:var(--text-gray);line-height:1.6}.impact-stat{border:1px solid #4ade801a;border-top:4px solid #4ade80}.impact-number{color:#4ade80}.web-screens-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.web-screen-card{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.web-screen-card:hover{box-shadow:0 20px 40px #00d4aa1a;transform:translateY(-5px)}.web-screen-image{background:#f8f9fa;height:auto;overflow:hidden;position:relative;width:100%}.screen-img{display:block;height:auto;transition:transform .3s ease;width:100%}.web-screen-content{padding:1.75rem}.web-screen-title{color:var(--text-white);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.web-screen-description{color:var(--text-gray);font-size:.95rem;line-height:1.6}.mobile-screens-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mobile-screen-card{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.mobile-screen-card:hover{box-shadow:0 20px 40px #00d4aa1a;transform:translateY(-5px)}.mobile-screen-image{align-items:center;background:#f8f9fa;display:flex;justify-content:center;padding:2rem 1rem;width:100%}.mobile-img{border-radius:10px;max-height:500px}.mobile-screen-content{padding:1.5rem}.mobile-screen-title{color:var(--text-white);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.mobile-screen-description{color:var(--text-gray);font-size:.9rem;line-height:1.6}.design-system-section{border:1px solid #0c75701a}.design-system-subtitle{color:#0c7570;gap:.75rem}.design-system-text{line-height:1.7}.weight-item{border:1px solid #0c75700d;border-radius:8px}.weight-sample.caption{font-size:.95rem}.color-card{border:1px solid #0c75700d}.color-name-card{font-size:1.1rem;margin-bottom:.5rem}.color-hex-card{color:#0c7570;font-size:1rem}.color-usage-card{font-size:.9rem;line-height:1.6}@media (max-width:768px){.project-title{font-size:2rem}.features-grid,.project-overview{grid-template-columns:1fr}.tech-items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.challenges-grid{grid-template-columns:1fr}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}.web-screens-grid{grid-template-columns:1fr}.web-screen-content{padding:1.5rem}.web-screen-title{font-size:1.1rem}.mobile-screens-grid{grid-template-columns:1fr}.mobile-screen-image{padding:1.5rem 1rem}.design-system-grid{grid-template-columns:1fr}.design-system-section{padding:1.5rem}.design-system-subtitle{font-size:1.1rem}.color-preview-large{height:60px;width:60px}.section-description{font-size:.95rem}}.byet-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.weight-sample.body,.weight-sample.caption,.weight-sample.display,.weight-sample.heading{font-family:Poppins,sans-serif}.components-showcase{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.component-image{min-height:250px;padding:2rem}.component-image img{max-width:100%}@media (max-width:768px){.project-title{font-size:2rem}.components-showcase,.features-grid,.project-overview,.web-screens-gallery{grid-template-columns:1fr}.web-thumbnails{flex-direction:row;height:auto;overflow-x:scroll;overflow-y:hidden}.web-thumbnail{flex-shrink:0;width:150px}.mobile-screens-grid{grid-template-columns:1fr}.mobile-screen-image{padding:1.5rem 1rem}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}}.employee360-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.cover-image-section{border-radius:20px;box-shadow:0 10px 40px #0000004d;margin-bottom:4rem;overflow:hidden}.cover-image{display:block;height:auto;width:100%}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.typography-weights{display:flex;flex-direction:column;gap:1rem}.weight-item{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.weight-label{color:var(--text-gray);font-size:.9rem;font-weight:500}.weight-sample{color:var(--text-white);font-size:1.1rem}.weight-sample.display{font-family:Inter,sans-serif;font-weight:700}.weight-sample.heading{font-family:Inter,sans-serif;font-weight:600}.weight-sample.body{font-family:Inter,sans-serif;font-weight:400}.weight-sample.caption{font-family:Inter,sans-serif;font-weight:500}.design-subsection{margin-top:3rem}.subsection-title{font-size:1.3rem;margin-bottom:1.5rem}.components-showcase{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.component-item{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.component-item:hover{box-shadow:0 20px 40px #00d4aa1a;transform:translateY(-5px)}.component-image{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:150px;padding:1rem;width:100%}.component-image img{display:block;height:auto;max-width:50%}.component-title{color:var(--text-white);font-size:1.1rem;font-weight:700;padding:1.5rem 1.5rem .5rem}.component-description{color:var(--text-gray);font-size:.9rem;line-height:1.6;padding:0 1.5rem 1.5rem}.mobile-screens-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:2rem}.mobile-img{border-radius:15px;box-shadow:0 4px 15px #0003;display:block;height:auto;max-width:100%;transition:transform .3s ease,box-shadow .3s ease;width:auto}.mobile-img:hover{box-shadow:0 8px 25px #00d4aa4d;transform:translateY(-5px)}@media (max-width:768px){.project-title{font-size:2rem}.components-showcase,.features-grid,.project-overview,.web-screens-gallery{grid-template-columns:1fr}.web-thumbnails{flex-direction:row;height:auto;overflow-x:scroll;overflow-y:hidden}.web-thumbnail{flex-shrink:0;width:150px}.mobile-screens-grid{grid-template-columns:1fr}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}}.fade-in{animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.crew-details{background:var(--primary-bg);color:var(--text-white);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.back-button{background:linear-gradient(135deg,#00d4aa,#00bfa5);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;left:2rem;padding:1rem;position:fixed;top:2rem;transition:all .3s ease;z-index:1000}.back-button:hover{background:linear-gradient(135deg,#00bfa5,#00d4aa);transform:scale(1.1)}.project-header{background:linear-gradient(135deg,var(--primary-bg) 0,var(--secondary-bg) 100%);padding:4rem 0;text-align:center}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-white) 0,#00d4aa 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.project-subtitle{color:var(--text-gray);font-size:1.25rem;margin-bottom:2rem}.project-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.project-tag{background:#00d4aa1a;border:1px solid #00d4aa4d;border-radius:25px;color:#00d4aa;font-size:.9rem;padding:.5rem 1rem}.project-content{padding:4rem 0}.content-section{margin-bottom:4rem}.section-title{color:var(--text-white);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.section-title span{color:#00d4aa}.section-description{color:var(--text-gray);font-size:1.05rem;line-height:1.7;margin:0 auto 2rem;max-width:800px;text-align:center}.project-overview{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin-bottom:4rem}.overview-content{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;padding:2.5rem}.overview-text{color:var(--text-gray);line-height:1.7;margin-bottom:1.5rem}.overview-stats{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;padding:2.5rem}.stats-title{color:var(--text-white);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.stat-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-gray);font-size:.9rem}.stat-value{color:var(--text-white);font-weight:600}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.feature-card{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;padding:2rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{align-items:center;background:#00d4aa1a;border-radius:10px;color:#00d4aa;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.feature-title{color:var(--text-white);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:var(--text-gray);font-size:.9rem;line-height:1.6}.persona-card{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;overflow:hidden}.persona-header{align-items:center;background:linear-gradient(135deg,#003b5c,#5f9ea0);display:flex;gap:1.5rem;padding:2rem}.persona-avatar{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.persona-info{flex:1 1}.persona-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.persona-title{color:#ffffffe6;font-size:1rem;margin-bottom:.25rem}.persona-meta{color:#ffffffb3;font-size:.9rem}.persona-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.persona-section{background:#00d4aa0d;border-radius:12px;padding:1.5rem}.persona-subtitle{align-items:center;color:#00d4aa;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.persona-list{list-style:none;margin:0;padding:0}.persona-list li{color:var(--text-gray);line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.persona-list li:before{color:#00d4aa;content:"✓";font-weight:700;left:0;position:absolute}.persona-list.pain-points li:before{color:#f59e0b;content:"⚠"}.ia-section{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:20px;margin-top:2rem;padding:2rem}.ia-image{border-radius:12px;height:auto;width:100%}.design-system-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.design-system-section{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;padding:2rem}.design-system-subtitle{align-items:center;color:var(--text-white);display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.design-system-subtitle i{color:#00d4aa}.design-system-text{color:var(--text-gray);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.typography-sample{display:flex;flex-direction:column;gap:1rem}.tajawal-display{color:var(--text-white);font-family:Tajawal,sans-serif;font-size:2rem;font-weight:700}.tajawal-regular{font-weight:400}.tajawal-light,.tajawal-regular{color:var(--text-gray);font-family:Tajawal,sans-serif;font-size:1.2rem}.tajawal-light{font-weight:300}.color-cards-grid{display:flex;flex-direction:column;gap:1.5rem}.color-card{align-items:center;background:#ffffff05;border:1px solid #00d4aa0d;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem}.color-preview-large{border-radius:10px;box-shadow:0 4px 10px #0000004d;flex-shrink:0;height:80px;width:80px}.color-info-card{flex:1 1}.color-name-card{color:var(--text-white);font-size:1rem;font-weight:600;margin:0 0 .5rem}.color-hex-card{background:#00d4aa1a;border-radius:6px;color:#00d4aa;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:.5rem;padding:.3rem .6rem;width:-webkit-fit-content;width:fit-content}.color-usage-card{color:var(--text-gray);font-size:.85rem;margin:0}.ui-screens-subsection{margin-bottom:3rem}.subsection-title{border-left:3px solid #00d4aa;color:var(--text-white);font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding-left:1rem}.web-screens-gallery{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:60% auto;margin-top:2rem}.main-web-screen{width:100%}.main-screen-img{border-radius:15px;box-shadow:0 8px 30px #0003;display:block;height:auto;width:100%}.web-thumbnails{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;gap:1rem;height:0;min-height:100%;overflow-y:scroll;padding:0 .5rem;scrollbar-width:none}.web-thumbnails::-webkit-scrollbar{display:none}.web-thumbnail{border:2px solid #0000;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;height:auto;opacity:.7;transition:all .3s ease;width:80%}.web-thumbnail:hover{box-shadow:0 4px 15px #00d4aa4d;opacity:1;transform:translateX(5px)}.web-thumbnail.active{border-color:#00d4aa;box-shadow:0 4px 15px #00d4aa80;opacity:1}.impact-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.impact-stat{background:var(--card-bg);border:1px solid #00d4aa1a;border-radius:15px;border-top:4px solid #00d4aa;padding:2rem;text-align:center}.impact-number{color:#00d4aa;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.impact-label{color:var(--text-gray);font-size:.9rem;font-weight:500}@media (max-width:768px){.project-title{font-size:2rem}.design-system-grid,.features-grid,.persona-content,.project-overview,.web-screens-gallery{grid-template-columns:1fr}.web-thumbnails{flex-direction:row;height:auto;overflow-x:scroll;overflow-y:hidden}.web-thumbnail{flex-shrink:0;width:150px}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.back-button{left:1rem;padding:.75rem;top:1rem}.container{padding:0 1rem}}