@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--background-primary:#fff;--background-secondary:#f5f5f5;--background-dark:#1f2937;--background-darker:#111827;--background-gradient-primary:linear-gradient(135deg,#374151,#1f2937);--background-gradient-secondary:linear-gradient(135deg,#6b7280,#4b5563);--background-gradient-light:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);--background-gradient-cta:linear-gradient(135deg,#1f2937,#111827);--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-light:#fff;--text-gray:#444343;--text-input:#7a7a7a;--text-border:#dcdcdc;--text-hover:#555;--buttons-primary-default:linear-gradient(135deg,#374151,#1f2937);--buttons-primary-hover:linear-gradient(135deg,#1f2937,#111827);--buttons-secondary-default:transparent;--buttons-secondary-hover:#374151;--buttons-gantt-completed:linear-gradient(135deg,#374151,#1f2937);--buttons-gantt-in-progress:linear-gradient(135deg,#6b7280,#4b5563);--buttons-gantt-pending:linear-gradient(135deg,#9ca3af,#6b7280);--icons-primary:#374151;--icons-secondary:#6b7280;--icons-filter:grayscale(100%);--icons-avatar:grayscale(100%);--focus:#007bff;--highlight:#f8f9fa;--selected:#e0e0e0;--underline:#f0f0f0;--font-family-primary:"Inter","Helvetica Neue",Arial,sans-serif;--font-family-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:22px;--font-size-3xl:24px;--font-size-4xl:32px;--font-size-5xl:42px;--font-size-6xl:58px;--font-size-7xl:64px;--font-size-8xl:128px;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.15;--line-height-normal:1.4;--line-height-relaxed:1.6;--line-height-loose:1.7;--letter-spacing-tight:-.02em;--letter-spacing-normal:0em;--letter-spacing-wide:.05em;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:28px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--spacing-6xl:64px;--spacing-7xl:80px;--spacing-8xl:120px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--border-thin:1px;--border-normal:2px;--border-thick:3px;--shadow-none:none;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0003;--shadow-xl:0 20px 40px #0000001f;--shadow-inner:inset 0 2px 4px #fff3;--backdrop-sm:blur(8px);--backdrop-md:blur(10px);--backdrop-lg:blur(16px);--transition-fast:all .2s ease;--transition-normal:all .3s ease;--transition-slow:all .4s ease;--transition-bounce:transform .3s ease;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-display);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background-secondary)}.container{max-width:var(--breakpoint-wide);padding:0 var(--spacing-md);margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.text-muted{color:var(--text-muted)}.gradient-text{background:var(--buttons-primary-default);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}header{-webkit-backdrop-filter:var(--backdrop-md);backdrop-filter:var(--backdrop-md);border-bottom:var(--border-thin)solid #d1d5db80;z-index:1000;transition:var(--transition-normal);background:#fffffff2;position:fixed;top:0;left:0;right:0}header.scrolled{box-shadow:var(--shadow-md);background:#fffffffa}.nav-container{max-width:var(--breakpoint-wide);padding:0 var(--spacing-md);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-primary);display:flex}.nav-links{gap:var(--spacing-4xl);list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-normal);text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.cta-button{background:var(--buttons-primary-default);color:var(--text-light);padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);text-align:center;border:none;text-decoration:none;display:inline-block}.cta-button:hover{box-shadow:var(--shadow-lg);background:var(--buttons-primary-hover);transform:translateY(-2px)}.cta-button.secondary{background:var(--buttons-secondary-default);color:var(--text-primary);border:var(--border-normal)solid var(--text-primary)}.cta-button.secondary:hover{background:var(--text-primary);color:var(--text-light)}.cta-button.large{padding:var(--spacing-lg)var(--spacing-3xl);font-size:var(--font-size-xl)}.hero{padding:var(--spacing-8xl)0 var(--spacing-5xl);background:var(--background-gradient-light)}.hero-content{max-width:var(--breakpoint-wide);padding:0 var(--spacing-md);gap:var(--spacing-6xl);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero-text h1{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2xl);color:var(--text-primary)}.hero-text p{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-4xl);line-height:var(--line-height-loose)}.hero-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-5xl);display:flex}.social-proof{align-items:center;gap:var(--spacing-md);display:flex}.avatars{margin-right:var(--spacing-xs);display:flex}.avatars img{border-radius:var(--radius-full);border:var(--border-normal)solid var(--background-primary);width:40px;height:40px;margin-left:calc(var(--spacing-xs)*-1);filter:var(--icons-avatar)}.avatars img:first-child{margin-left:0}.hero-visual{justify-content:center;align-items:center;display:flex}.mockup-container{transition:transform var(--transition-normal);position:relative;transform:perspective(1000px)rotateY(-15deg)rotateX(10deg)}.mockup-container:hover{transform:perspective(1000px)rotateY(-10deg)rotateX(5deg)}.mockup-screen{background:var(--background-primary);border-radius:var(--radius-xl);width:420px;height:520px;box-shadow:var(--shadow-lg);border:var(--border-thin)solid var(--text-muted);overflow:hidden}.mockup-header{background:var(--background-secondary);height:40px;padding:0 var(--spacing-md);border-bottom:var(--border-thin)solid var(--text-border);align-items:center;display:flex}.mockup-dots{gap:var(--spacing-xs);display:flex}.mockup-dots span{border-radius:var(--radius-full);background:var(--text-muted);width:12px;height:12px}.mockup-dots span:first-child{background:var(--text-secondary)}.mockup-dots span:nth-child(2){background:var(--text-muted)}.mockup-dots span:last-child{background:var(--text-secondary)}.mockup-content{padding:var(--spacing-3xl)}.search-bar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);border:var(--border-normal)solid var(--text-primary);display:flex}.search-text{color:var(--text-primary);font-weight:var(--font-weight-medium)}.project-cards{gap:var(--spacing-md);flex-direction:column;display:flex}.project-card{padding:var(--spacing-md);background:var(--background-primary);border:var(--border-thin)solid var(--text-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.project-tag{background:var(--text-border);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);padding:5px 10px;display:inline-block}.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.section-header h2{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.section-header p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.features{padding:var(--spacing-6xl)0;background:var(--background-primary)}.features-grid{gap:var(--spacing-3xl);grid-template-columns:repeat(3,1fr);justify-items:center;max-width:1000px;margin:0 auto;display:grid}.feature-card{padding:var(--spacing-3xl);background:var(--background-primary);border:var(--border-thin)solid var(--text-border);border-radius:var(--radius-xl);text-align:center;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--text-primary)}.feature-icon{font-size:var(--font-size-6xl);margin-bottom:var(--spacing-3xl);filter:var(--icons-filter)}.feature-card h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.how-it-works{padding:var(--font-size-6xl)0;background:var(--background-gradient-light)}.steps{gap:var(--spacing-5xl);grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;display:grid}.step{align-items:flex-start;gap:var(--spacing-3xl);display:flex}.step-number{background:var(--buttons-primary-default);width:64px;height:64px;color:var(--text-light);border-radius:var(--radius-full);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.step-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.testimonials{padding:var(--spacing-6xl)0;background:var(--background-primary)}.testimonials-grid{gap:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.testimonial-card{padding:var(--spacing-3xl);background:var(--background-primary);border:var(--border-thin)solid var(--text-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.testimonial-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.testimonial-content{margin-bottom:var(--spacing-3xl)}.testimonial-content p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);font-style:italic}.testimonial-author{align-items:center;gap:var(--spacing-md);display:flex}.testimonial-author img{border-radius:var(--radius-full);width:48px;height:48px;filter:var(--icons-avatar)}.cta-section{padding:var(--spacing-6xl)0;background:var(--buttons-primary-default);color:var(--text-light);text-align:center}.cta-content h2{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-lg)}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3xl);opacity:.9}footer{background:var(--text-primary);color:var(--text-light);padding:var(--spacing-5xl)0 var(--spacing-3xl)}.footer-content{gap:var(--spacing-5xl);margin-bottom:var(--spacing-5xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-section h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-xs)}.footer-section ul li a{color:var(--text-muted);transition:color var(--transition-normal);text-decoration:none}.footer-section ul li a:hover{color:var(--text-light)}.footer-bottom{border-top:var(--border-thin)solid var(--text-secondary);padding-top:var(--spacing-3xl);justify-content:space-between;align-items:center;display:flex}.gantt-section{padding:var(--spacing-6xl)0;background:var(--background-primary)}.gantt-container{max-width:var(--breakpoint-wide);padding:0 var(--spacing-md);margin:0 auto}.gantt-chart{background:var(--highlight);border-radius:var(--radius-xl);padding:var(--spacing-4xl);box-shadow:var(--shadow-md);border:var(--border-thin)solid var(--text-border)}.gantt-timeline{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-md);border-bottom:var(--border-normal)solid var(--text-secondary);justify-content:space-between;display:flex}.gantt-timeline-item{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-align:center}.gantt-rows{gap:var(--spacing-lg);flex-direction:column;display:flex}.gantt-row{gap:var(--spacing-3xl);grid-template-columns:200px 1fr;align-items:center;display:grid}.gantt-label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base);align-items:center;gap:var(--spacing-sm);display:flex}.gantt-label-icon{border-radius:var(--radius-md);background:var(--buttons-primary-default);width:32px;height:32px;color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.gantt-bar-container{background:var(--text-border);border-radius:var(--radius-md);height:40px;position:relative;overflow:hidden}.gantt-bar{background:var(--buttons-gantt-in-progress);border-radius:var(--radius-md);height:100%;padding:0 var(--spacing-md);color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-normal);box-shadow:var(--shadow-inner);align-items:center;display:flex}.gantt-bar:hover{transform:scaleY(1.05)}.gantt-bar.completed{background:var(--buttons-gantt-completed)}.gantt-bar.in-progress{background:var(--buttons-gantt-in-progress);animation:2s infinite pulse}.gantt-bar.pending{background:var(--buttons-gantt-pending);opacity:.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.gantt-legend{justify-content:center;gap:var(--spacing-3xl);margin-top:var(--spacing-4xl);padding-top:var(--spacing-3xl);border-top:var(--border-thin)solid var(--text-border);display:flex}.gantt-legend-item{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.gantt-legend-box{border-radius:var(--radius-sm);width:20px;height:20px}.educationFieldTitle,.branchTitle,.stepIndicator,.branchOption,.civilEngineering,.electricalEngineering,.computerScience,.mechanicalEngineering,.circleIcon{font-family:var(--font-family-primary);word-wrap:break-word;position:absolute}.educationFieldTitle{width:60.7031vw;height:9.01442vh;color:var(--text-gray);font-size:clamp(var(--font-size-3xl),3.125vw,var(--font-size-5xl));font-weight:var(--font-weight-normal);top:20.6731vh;left:8.35938vw}.stepIndicator{width:23.4375vw;height:6.00962vh;color:var(--text-secondary);font-size:clamp(var(--font-size-base),2vw,var(--font-size-lg));font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);position:absolute;top:14.4231vh;left:8.35938vw}.branchTitle{width:46.7969vw;height:10.5769vh;color:var(--text-light);font-size:clamp(var(--font-size-5xl),5vw,var(--font-size-7xl));font-weight:var(--font-weight-normal);top:29.3269vh;left:8.20313vw}.branchTitleInput{width:79.8438vw;height:10.5769vh;color:var(--text-light);font-size:clamp(var(--font-size-5xl),5vw,var(--font-size-7xl));font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--radius-md);word-wrap:break-word;transition:border-color var(--transition-normal),background-color var(--transition-normal);cursor:text;background:#ffffff0d;border:2px solid #0000;outline:none;position:absolute;top:29.3269vh;left:8.20313vw}.branchTitleInput:focus{background:#ffffff1a;border-color:#ffffff4d}.branchTitleInput::placeholder{color:#ffffffb3}.inputLine{border:var(--border-thin)var(--text-border)solid;width:79.8438vw;height:0;top:39.3029vh;left:8.67188vw}.searchInput{border:var(--border-thin)solid var(--text-border);border-radius:var(--radius-md);width:79.8438vw;height:6.00962vh;font-size:clamp(var(--font-size-lg),2.5vw,var(--font-size-4xl));font-family:var(--font-family-primary);color:var(--text-gray);background:var(--background-primary);transition:border-color var(--transition-normal);outline:none;padding:0 15px;position:absolute;top:33.6538vh;left:8.67188vw}.searchInput:focus{border-color:var(--focus)}.selected{background-color:var(--selected);border-radius:var(--radius-sm)}.selectedBranchDisplay{font-size:clamp(var(--font-size-lg),3vw,var(--font-size-4xl));color:var(--text-gray);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);word-wrap:break-word;text-align:center;background-color:var(--background-secondary);border-radius:var(--radius-md);width:80%;max-width:600px;box-shadow:var(--shadow-sm);padding:10px;position:absolute;top:90.1442vh;left:50%;transform:translate(-50%)}.backArrow{cursor:pointer;color:#333;width:3.125vw;height:4.80769vh;transition:opacity var(--transition-normal);opacity:0;pointer-events:none;position:absolute;top:2.40385vh;left:1.5625vw}.backArrow.visible{opacity:1;pointer-events:auto}.backArrow:hover{color:var(--text-hover)}.projectSummaryText{text-align:center;gap:var(--spacing-lg);flex-direction:column;width:80%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.firstLine,.secondLine{color:var(--text-gray);font-size:clamp(var(--font-size-4xl),3vw,var(--font-size-6xl));font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);word-wrap:break-word;line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);white-space:nowrap;opacity:0;width:0;display:inline-block;overflow:hidden}@keyframes typingFirst{0%{opacity:0;width:0}1%{opacity:1}to{opacity:1;width:100%}}@keyframes typingSecond{0%{opacity:0;width:0}1%{opacity:1}to{opacity:1;width:100%}}@keyframes blink-caret-first{0%,to{border-color:var(--text-gray)}50%{border-color:#0000}}@keyframes blink-caret-second{0%,to{border-color:var(--text-gray)}50%{border-color:#0000}}@keyframes remove-cursor{to{border-right:none}}@keyframes show-cursor{to{border-right:var(--border-thin)solid var(--text-gray)}}.firstLine{border-right:var(--border-thin)solid var(--text-gray);animation:4s ease-in-out .5s forwards typingFirst,.75s step-end 4 blink-caret-first,0s 4.5s forwards remove-cursor}.secondLine{border-right:none;animation:4s ease-in-out 4.5s forwards typingSecond,0s 4.5s forwards show-cursor,.75s step-end 8.5s blink-caret-second}@media (max-width:768px){.nav-container{padding:0 var(--spacing-sm);height:64px}.nav-links{display:none}.hero-content{gap:var(--spacing-4xl);text-align:center;padding:0 var(--spacing-sm);grid-template-columns:1fr}.hero-text h1{font-size:var(--font-size-4xl)}.hero-text p{max-width:100%;font-size:var(--font-size-lg)}.hero-buttons{flex-direction:column;align-items:center}.mockup-container{transform:none}.mockup-screen{width:300px;height:400px}.features-grid,.steps,.testimonials-grid{grid-template-columns:1fr}.footer-content{gap:var(--spacing-3xl);padding:0 var(--spacing-sm);grid-template-columns:1fr}.footer-bottom{gap:var(--spacing-md);text-align:center;padding:0 var(--spacing-sm);flex-direction:column}.container{padding:0 var(--spacing-sm)}.section-header h2,.cta-content h2{font-size:var(--font-size-4xl)}.educationFieldTitle,.branchTitle,.branchTitleInput,.inputLine,.searchInput{text-align:center;width:90%;max-width:none;height:auto;font-size:clamp(var(--font-size-lg),4vw,var(--font-size-5xl));margin-left:auto;margin-right:auto;position:relative;top:auto;left:auto}.educationFieldTitle{margin-top:5vh}.branchTitle{margin-top:3vh}.searchInput{height:50px;margin-top:2vh}.inputLine{margin-top:2vh}.selectedBranchDisplay{margin-top:3vh;position:relative;top:auto;left:auto;transform:none}}@media (max-width:480px){.hero-text h1{font-size:var(--font-size-3xl)}.hero-text p{font-size:var(--font-size-base)}.mockup-screen{width:280px;height:350px}.social-proof{text-align:center;gap:var(--spacing-sm);flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus-visible,input:focus-visible,a:focus-visible{outline:var(--border-normal)solid var(--focus);outline-offset:2px}@media (prefers-contrast:high){.feature-icon,.avatars img{filter:none}}