.intro-animation{width:100vw;height:100vh;background:#0a0a14;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.intro-animation.exiting{pointer-events:none;display:none}.animation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.intro-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3rem}.logo-container{animation:logoAppear 1s ease-out;position:relative;z-index:1000}.logo-transition,.intro-animation.exiting .logo-transition{animation:logoToHeader 1s cubic-bezier(.4,0,.2,1) forwards}@keyframes logoToHeader{0%{transform:scale(1) translate(0)}to{transform:scale(.4) translate(-400px,-300px)}}.logo-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px #667eea80;animation:logoPulse 2s ease-in-out infinite}.logo-circle:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.3;filter:blur(10px);animation:logoGlow 2s ease-in-out infinite}.intro-animation.exiting .logo-circle:before{animation:none}.logo-inner{width:60px;height:60px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}@keyframes logoAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes logoGlow{0%,to{opacity:.3}50%{opacity:.6}}.intro-text{animation:textAppear 1s ease-out .3s both}.intro-text.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}.intro-title{font-size:4rem;font-weight:700;letter-spacing:.2em;margin:0;display:flex;flex-direction:column;gap:.5rem}.title-line{display:block;background:linear-gradient(135deg,#fff,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleSlide 1s ease-out both}.title-line:nth-child(2){animation-delay:.2s}.intro-subtitle{font-size:1.2rem;color:#fff9;font-weight:300;letter-spacing:.1em;margin-top:1rem;animation:subtitleAppear 1s ease-out .6s both}@keyframes textAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlide{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes subtitleAppear{0%{opacity:0}to{opacity:1}}.progress-container{width:300px;animation:progressAppear 1s ease-out .9s both}.progress-container.fade-out{animation:fadeOut .5s ease-out forwards}.progress-track{width:100%;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.progress-indicator{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .1s linear;box-shadow:0 0 10px #667eea80}.progress-text{text-align:center;margin-top:1rem;font-size:.9rem;color:#ffffff80;font-weight:300;letter-spacing:.1em}@keyframes progressAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.geometric-elements{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.geo-element{position:absolute;border:1px solid rgba(102,126,234,.2);animation:geoFloat 8s ease-in-out infinite}.geo-1{width:200px;height:200px;top:10%;left:10%;border-radius:50%;animation-delay:0s}.geo-2{width:150px;height:150px;bottom:15%;right:15%;transform:rotate(45deg);animation-delay:2s}.geo-3{width:100px;height:100px;top:50%;right:10%;border-radius:50%;animation-delay:4s}@keyframes geoFloat{0%,to{transform:translate(0) rotate(0);opacity:.2}50%{transform:translate(30px,-30px) rotate(180deg);opacity:.4}}@media (max-width: 768px){.intro-title{font-size:2.5rem}.intro-subtitle{font-size:1rem}.logo-circle{width:100px;height:100px}.logo-inner{width:50px;height:50px}.progress-container{width:250px}@keyframes logoToHeader{0%{transform:scale(1) translate(0)}to{transform:scale(.5) translate(-200px,-200px)}}}.hackathon-card-wrapper{width:100%;padding:0 3rem;position:relative;opacity:0;transform:translate(-100px) translateY(20px) scale(.95);filter:blur(8px);transition:all 2s cubic-bezier(.16,1,.3,1);perspective:1000px;pointer-events:none;max-width:1400px;margin:0 auto;margin-top:2rem;margin-bottom:6rem}.hackathon-card-wrapper.visible{opacity:1;transform:translate(0) translateY(0) scale(1);filter:blur(0);pointer-events:all}.hackathon-card{max-width:100%;margin:0 auto;position:relative;background:linear-gradient(135deg,#08080c99,#0c0a1299);border:none;border-radius:0;padding:0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 80px #0009,0 0 60px #667eea1a;overflow:visible;clip-path:none}.hackathon-card-wrapper.visible .hackathon-card{animation:cardEntrance 1.5s cubic-bezier(.23,1,.32,1)}@keyframes cardEntrance{0%{transform:translate(-30px) translateY(20px) scale(.96);opacity:.7}40%{transform:translate(5px) translateY(-5px) scale(1.01);opacity:.9}70%{transform:translate(-2px) translateY(2px) scale(.99)}to{transform:translate(0) translateY(0) scale(1);opacity:1}}.card-background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(102,126,234,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.03) 1px,transparent 1px);background-size:30px 30px;opacity:.5;pointer-events:none;animation:patternMove 20s linear infinite;will-change:transform}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.1) 50%,transparent 70%);animation:shine 8s infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.card-corner-accent{display:none}.card-content{position:relative;z-index:1;padding:4rem 3rem;display:flex;flex-direction:column;gap:3rem}.card-header-modern{display:flex;align-items:flex-start;gap:2rem;padding-bottom:0;border-bottom:none;position:relative}.card-header-modern:after{display:none}@keyframes underlineGrow{to{transform:scaleX(1)}}.header-badge-modern{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#667eea66,#764ba233);border:none;border-radius:50%;clip-path:none;box-shadow:0 0 50px #667eea80,0 0 100px #667eea33;flex-shrink:0;transform:rotate(-5deg);transition:transform .3s}.header-badge-modern:hover{transform:rotate(0) scale(1.1)}.trophy-icon-modern{width:40px;height:40px;color:#667eea;animation:trophyFloat 3s ease-in-out infinite}@keyframes trophyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.header-title-modern{flex:1}.title-main{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em;line-height:1.2;text-shadow:0 0 30px rgba(102,126,234,.4)}.title-sub-link{text-decoration:none;display:inline-block;transition:transform .3s}.title-sub-link:hover{transform:scale(1.02)}.title-sub{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.01em;text-shadow:0 0 50px rgba(102,126,234,.6);animation:gradientShift 3s ease-in-out infinite;position:relative;display:inline-block;cursor:pointer;transition:all .3s;line-height:1.3}.title-sub-link:hover .title-sub{background-size:200% 100%;animation-duration:1.5s}.title-sub:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;border-radius:2px;animation:gradientShift 3s ease-in-out infinite;box-shadow:0 0 15px #667eea99}.card-body-modern{display:flex;flex-direction:column;gap:2.5rem}.main-content-layout{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}.content-left-section{display:flex;flex-direction:column;gap:2.5rem}.main-photo-section{width:100%;position:sticky;top:2rem}.hackathon-photo-modern{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:0;overflow:visible;box-shadow:0 30px 80px #0009,0 0 60px #667eea4d;border:none;transform:rotate(-2deg) scale(1.05);transition:transform .5s cubic-bezier(.4,0,.2,1);clip-path:polygon(5% 0%,100% 5%,95% 100%,0% 95%)}.hackathon-photo-modern:hover{transform:rotate(0) scale(1.08);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.hackathon-photo-img{width:100%;height:100%;object-fit:cover}.photo-overlay-modern{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.15) 100%);pointer-events:none}.photo-glow-modern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(102,126,234,.3),transparent 70%);animation:photoGlowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes photoGlowPulse{0%,to{opacity:.5}50%{opacity:.8}}.description-modern{display:flex;gap:1.5rem;padding:2rem;background:radial-gradient(circle at top left,#667eea1f,#764ba214);border:none;border-radius:0;transform:rotate(.5deg);box-shadow:none;clip-path:polygon(0% 0%,98% 2%,100% 98%,2% 100%)}.description-icon-modern{width:32px;height:32px;color:#764ba2;flex-shrink:0;margin-top:.25rem}.description-text-wrapper{flex:1;display:flex;flex-direction:column;gap:.75rem}.description-text-modern{font-size:1.1rem;line-height:1.8;color:#ffffffb3;margin:0;transition:max-height .5s cubic-bezier(.4,0,.2,1);overflow:hidden;word-wrap:break-word;white-space:normal;text-shadow:none;filter:none;background:none;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:unset}.description-text-modern.collapsed{position:relative}.description-text-modern.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,rgba(8,8,12,.98));pointer-events:none;z-index:1}.description-toggle-btn{display:none;background:none;border:none;padding:0;color:#ffffffb3;font-size:1.1rem;font-weight:400;cursor:pointer;transition:color .2s ease;font-family:inherit;align-self:flex-start;text-decoration:none}.description-toggle-btn:hover{color:#ffffffe6;background:none;border:none;transform:none;box-shadow:none}@media (max-width: 768px){.description-toggle-btn{display:flex}}.tasks-modern{display:flex;flex-direction:column;gap:1.5rem}.tasks-header-modern{display:flex;align-items:center;gap:1.5rem;padding-bottom:0;border-bottom:none;margin-bottom:1.5rem}.tasks-icon-modern{width:28px;height:28px;color:#667eea}.tasks-title-modern{font-size:1.5rem;font-weight:600;color:#667eea;margin:0;letter-spacing:-.01em}.tasks-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.task-modern{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.75rem;background:radial-gradient(circle,#667eea1a,#764ba20d);border:none;border-radius:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #0000004d;clip-path:polygon(3% 0%,100% 5%,97% 100%,0% 95%);transform:rotate(-.5deg)}.task-modern:nth-child(2n){transform:rotate(.5deg)}.task-modern:hover{background:radial-gradient(circle,#667eea33,#764ba226);transform:rotate(0) translateY(-8px) scale(1.05);box-shadow:0 15px 50px #00000080,0 0 40px #667eea66;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.task-featured-modern{grid-column:1 / -1;background:radial-gradient(ellipse at center,#667eea4d,#764ba233);border:none;box-shadow:0 20px 60px #0009,0 0 60px #667eea80,inset 0 0 40px #667eea26;flex-direction:row;text-align:left;transform:rotate(1deg) scale(1.02);clip-path:polygon(2% 0%,100% 3%,98% 100%,0% 97%)}.task-featured-modern:hover{transform:rotate(0) scale(1.08) translateY(-10px);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.task-icon-modern{width:36px;height:36px;color:#667eea;flex-shrink:0}.task-featured-modern .task-icon-modern{width:48px;height:48px;color:#fff}.task-text-modern{flex:1}.task-label-modern{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.task-featured-modern .task-label-modern{font-size:1.3rem;color:#667eea;text-shadow:0 0 20px rgba(102,126,234,.6)}.task-desc-modern{font-size:.95rem;color:#fff9;line-height:1.5}.task-featured-modern .task-desc-modern{color:#fffc;font-size:1rem}.action-buttons-section{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;opacity:0;transform:translateY(20px);animation:contentAppear .8s ease-out 1.7s forwards}@keyframes contentAppear{to{opacity:1;transform:translateY(0)}}.action-button{display:flex;align-items:center;gap:1.5rem;padding:2.5rem;background:radial-gradient(circle at top left,#667eea26,#764ba21a);border:none;border-radius:0;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 15px 40px #00000080,0 0 30px #667eea33;transform:rotate(-.5deg);clip-path:polygon(2% 0%,100% 3%,98% 100%,0% 97%)}.action-button:nth-child(2){transform:rotate(.5deg)}.action-button:hover{transform:rotate(0) translateY(-8px) scale(1.03);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.action-button:hover:before{left:100%}.action-button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,rgba(102,126,234,.4),transparent 70%);border-radius:50%;transition:width .4s,height .4s;pointer-events:none}.action-button:hover .action-button-glow{width:200%;height:200%}.action-button-video{background:linear-gradient(135deg,#667eea33,#764ba233)}.action-button-video:hover{background:linear-gradient(135deg,#667eea33,#764ba233);transform:translateY(-5px);box-shadow:0 20px 50px #0009,0 0 40px #667eea59}.action-button-github{background:linear-gradient(135deg,#1e1e2d66,#28283c66)}.action-button-github:hover{background:linear-gradient(135deg,#0f0f14b3,#14141eb3);transform:translateY(-5px);box-shadow:0 20px 50px #000000b3,0 0 40px #ffffff1f}.action-button-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2;width:100%}.action-button-icon-wrapper{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:radial-gradient(circle,#667eea4d,#764ba233);border-radius:50%;border:none;transition:all .4s;box-shadow:0 8px 25px #0000004d,0 0 30px #667eea66;transform:rotate(-5deg)}.action-button:hover .action-button-icon-wrapper{transform:rotate(0) scale(1.15)}.action-button-github .action-button-icon-wrapper{background:#ffffff1a}.action-button:hover .action-button-icon-wrapper{background:#667eea4d;transform:scale(1.1);box-shadow:0 8px 25px #667eea66}.action-button-github:hover .action-button-icon-wrapper{background:#ffffff26;box-shadow:0 8px 25px #fff3}.action-button-icon{width:32px;height:32px;color:#fff;transition:transform .3s;filter:drop-shadow(0 0 10px rgba(102,126,234,.6))}.action-button-github .action-button-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.action-button:hover .action-button-icon{transform:scale(1.15)}.action-button-github:hover .action-button-icon{transform:rotate(360deg) scale(1.15)}.action-button-text{flex:1;display:flex;flex-direction:column;gap:.5rem}.action-button-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.15em;font-weight:500}.action-button-link{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:all .3s}.action-button:hover .action-button-link{color:#fff;text-shadow:0 0 20px rgba(102,126,234,.8)}.action-button-github:hover .action-button-link{text-shadow:0 0 20px rgba(255,255,255,.5)}@media (max-width: 968px){.hackathon-card-wrapper{padding:0 2rem}.card-content{padding:2rem;gap:2rem}.main-content-layout{grid-template-columns:1fr;gap:2rem}.main-photo-section{position:relative;top:0;max-width:350px;margin:0 auto}.tasks-grid-modern{grid-template-columns:repeat(2,1fr)}.task-featured-modern{grid-column:1 / -1}.title-main{font-size:1.5rem}.title-sub{font-size:1.1rem}}@media (max-width: 768px){.hackathon-card-wrapper{padding:0 1.5rem;margin-top:-1rem}.hero-section{margin-bottom:-1rem}.hackathon-card{clip-path:none}.card-content{padding:1.5rem;gap:1.5rem}.card-header-modern{flex-direction:column;text-align:center;gap:1.5rem}.header-badge-modern{width:70px;height:70px}.trophy-icon-modern{width:35px;height:35px}.title-main{font-size:1.3rem}.title-sub{font-size:1rem}.tasks-grid-modern{grid-template-columns:1fr}.action-buttons-section{grid-template-columns:1fr;gap:1rem}.action-button{padding:1.5rem}.action-button-icon-wrapper{width:56px;height:56px}.action-button-icon{width:28px;height:28px}.action-button-link{font-size:1.2rem}}@media (max-width: 480px){.hackathon-card-wrapper{padding:0 1rem}.card-content{padding:1.25rem}.title-main{font-size:1.1rem}.action-button{padding:1.25rem;gap:1rem}.action-button-icon-wrapper{width:48px;height:48px}.action-button-icon{width:24px;height:24px}.action-button-link{font-size:1rem}.action-button-label{font-size:.75rem}}.hero-section{width:100%;padding:5rem 3rem .1rem;margin-bottom:-5rem;display:flex;justify-content:center;align-items:center;min-height:70vh;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);position:relative;z-index:20}.hero-section.visible{opacity:1;transform:translateY(0)}.hero-content{width:100%;max-width:1200px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;text-align:center;position:relative;z-index:20}.photo-section{position:relative;flex-shrink:0;z-index:22}.photo-wrapper{position:relative;display:inline-block;z-index:22}.photo-frame{position:relative;width:360px;height:360px;padding:25px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-radius:0;clip-path:polygon(0% 0%,calc(100% - 40px) 0%,100% 40px,100% 100%,40px 100%,0% calc(100% - 40px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 60px #667eea66,inset 0 0 40px #667eea1a;z-index:22}.photo-container{width:100%;height:100%;position:relative;overflow:hidden;opacity:0;transform:scale(.4) translate(-400px,-300px)}.photo-container.logo-transitioning{animation:logoArrive 1s cubic-bezier(.4,0,.2,1) forwards}.photo-container.logo-arrived{opacity:1;transform:scale(1) translate(0)}@keyframes logoArrive{0%{opacity:0;transform:scale(.4) translate(-400px,-300px)}to{opacity:1;transform:scale(1) translate(0)}}.photo-image{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:sepia(15%) saturate(120%) hue-rotate(5deg) contrast(110%) brightness(105%);transition:filter .3s}.photo-container:hover .photo-image{filter:sepia(5%) saturate(130%) hue-rotate(8deg) contrast(120%) brightness(110%)}.photo-fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center}.photo-gradient{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.frame-corner{position:absolute;width:40px;height:40px;border:3px solid #667eea;z-index:2}.frame-corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none;box-shadow:-2px -2px 10px #667eea80}.frame-corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none;box-shadow:2px -2px 10px #667eea80}.frame-corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none;box-shadow:-2px 2px 10px #667eea80}.frame-corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none;box-shadow:2px 2px 10px #667eea80}.frame-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.3),transparent 70%);z-index:-1;animation:frameGlowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes frameGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-info{display:flex;flex-direction:column;gap:2rem;flex:1;align-items:center}.hero-pdf-button{display:none;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border:1px solid rgba(167,139,250,.4);border-radius:12px;color:#c4b5fd;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:inherit;margin-top:1rem;animation:roleAppear .8s ease-out .7s both}.hero-pdf-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(167,139,250,.3),transparent);transition:left .5s ease}.hero-pdf-button:hover{background:linear-gradient(135deg,#8b5cf64d,#a78bfa4d);border-color:#a78bfa99;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #a78bfa66}.hero-pdf-button:hover:after{left:100%}.hero-pdf-button:active{transform:translateY(0)}.hero-pdf-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.hero-pdf-icon{width:18px;height:18px;flex-shrink:0}.name-wrapper{width:100%}.full-name{font-size:4.5rem;font-weight:800;line-height:1.1;margin:0;display:flex;flex-direction:column;gap:.5rem;letter-spacing:-.02em}.name-part{background:linear-gradient(135deg,#fff,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;animation:nameReveal .8s ease-out both}.name-part:nth-child(1){animation-delay:.1s}.name-part:nth-child(2){animation-delay:.2s}.name-part:nth-child(3){animation-delay:.3s}@keyframes nameReveal{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.role-container{margin-top:0;margin-bottom:0}.role-text{display:inline-block;position:relative}.role-label{font-size:1.8rem;font-weight:400;color:#ffffffb3;letter-spacing:.3em;text-transform:lowercase;position:relative;padding:.5rem 2rem;display:inline-block;animation:roleAppear .8s ease-out .5s both}.role-label:before,.role-label:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:linear-gradient(90deg,transparent,#667eea,transparent)}.role-label:before{left:-80px}.role-label:after{right:-80px}@keyframes roleAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem;animation:roleAppear .8s ease-out .7s both;position:relative;z-index:25}.github-button{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:#667eea1a;border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#ffffffe6;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:25}.github-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s}.github-button:hover:before{left:100%}.github-button:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d;color:#fff}.github-icon{width:20px;height:20px;color:currentColor;transition:transform .3s}.github-button:hover .github-icon{transform:rotate(360deg)}@media (max-width: 968px){.hero-section{padding:3rem 2rem;min-height:70vh}.hero-content{flex-direction:column;gap:3rem}.photo-frame{width:300px;height:300px;padding:20px}.full-name{font-size:3rem}.role-label{font-size:1.4rem}.role-label:before,.role-label:after{width:30px}.role-label:before{left:-50px}.role-label:after{right:-50px}.github-button{padding:.75rem 1.5rem;font-size:.95rem}}@media (max-width: 1200px){.hero-pdf-button{display:flex}}@media (max-width: 768px){.hero-section{padding:2rem 1rem;min-height:auto;display:flex;justify-content:center;align-items:center;margin-bottom:-1rem}.hero-content{gap:2rem;width:100%;max-width:100%;text-align:center;justify-content:center;align-items:center}.photo-section{display:flex;justify-content:center;align-items:center;width:100%}.photo-frame{width:240px;height:240px;padding:16px;margin:0 auto}.frame-glow{width:280px;height:280px}.full-name{font-size:2rem;gap:.3rem;text-align:center;justify-content:center}.name-part{font-size:1.75rem}.role-label{font-size:1rem;padding:.4rem 1rem;letter-spacing:.15em}.role-label:before,.role-label:after{width:15px}.role-label:before{left:-25px}.role-label:after{right:-25px}.hero-buttons{margin-top:1.5rem;justify-content:center;width:100%}.github-button{padding:.7rem 1.25rem;font-size:.9rem}.github-icon{width:18px;height:18px}.hero-pdf-button{padding:.65rem 1.25rem;font-size:.9rem;margin-top:.75rem}.hero-pdf-icon{width:16px;height:16px}@keyframes logoArrive{0%{opacity:0;transform:scale(.4) translate(-200px,-200px)}to{opacity:1;transform:scale(1) translate(0)}}}@media (max-width: 480px){.hero-section{padding:1.5rem .75rem;margin-bottom:-1rem}.photo-frame{width:200px;height:200px;padding:14px}.frame-glow{width:240px;height:240px}.full-name{font-size:1.75rem}.name-part{font-size:1.5rem}.role-label{font-size:.9rem;padding:.35rem .75rem;letter-spacing:.1em}.role-label:before,.role-label:after{width:10px}.role-label:before{left:-20px}.role-label:after{right:-20px}.hero-pdf-button{padding:.6rem 1.1rem;font-size:.85rem;margin-top:.5rem}.hero-pdf-icon{width:15px;height:15px}}.work-experience-section{width:100%;padding:0 3rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);max-width:1400px;margin-left:auto;margin-right:auto}.work-experience-section.visible{opacity:1;transform:translateY(0)}.work-experience-card{background:radial-gradient(ellipse at top,#1e1432fa,#140f23fa);border-radius:32px;padding:3.5rem;box-shadow:0 30px 100px #000000b3,0 0 80px #8b5cf640,inset 0 1px #a78bfa26;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 95%,98% 100%,2% 100%,0 95%);transform:translateZ(0);contain:layout style paint}.work-experience-card:before{display:none}.work-experience-card:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b5cf6,#a78bfa,#c4b5fd,#a78bfa,#8b5cf6);background-size:100% 200%;animation:gradientFlowVertical 4s ease-in-out infinite}@keyframes gradientFlowVertical{0%,to{background-position:50% 0%}50%{background-position:50% 100%}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.work-experience-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem;padding-bottom:2rem;border-bottom:2px solid rgba(139,92,246,.3)}.work-experience-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#8b5cf64d,#7c3aed33);border-radius:18px;color:#a78bfa;transform:rotate(-5deg);box-shadow:0 8px 32px #8b5cf666}.work-experience-icon svg{width:36px;height:36px}.work-experience-title{font-size:2.25rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#a78bfa,#8b5cf6,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.experience-flow{position:relative;display:flex;flex-direction:column;gap:3rem;padding:2rem 0}.flow-path{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#8b5cf699,#a78bfa66,#c4b5fd33);transform:translate(-50%);z-index:1;border-radius:2px;box-shadow:0 0 20px #8b5cf680}.experience-node{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;opacity:0;transform:translateY(20px) translateZ(0);transition:opacity .3s ease-out,transform .3s ease-out;z-index:2;contain:layout style paint}.work-experience-section.mounted .experience-node{opacity:1;transform:translateY(0)}.work-experience-section.mounted .experience-node-1{transition-delay:.05s}.work-experience-section.mounted .experience-node-2{transition-delay:.1s}.work-experience-section.mounted .experience-node-3{transition-delay:.15s}.experience-node:nth-child(2n){grid-template-columns:1fr auto}.experience-node:nth-child(2n) .node-content{order:-1;text-align:right}.experience-node:nth-child(2n) .node-connector{order:1}.node-connector{width:120px;height:2px;background:linear-gradient(90deg,#8b5cf6cc,#a78bfa99,#c4b5fd66);position:relative;align-self:center;box-shadow:0 0 15px #8b5cf699}.experience-node:nth-child(2n) .node-connector{background:linear-gradient(90deg,#c4b5fd66,#a78bfa99,#8b5cf6cc)}.node-connector:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid rgba(139,92,246,.8);border-top:4px solid transparent;border-bottom:4px solid transparent}.experience-node:nth-child(2n) .node-connector:after{right:auto;left:-6px;border-left:none;border-right:8px solid rgba(139,92,246,.8)}.node-core{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.experience-node-2 .node-core,.experience-node-4 .node-core,.experience-node-2 .node-connector,.experience-node-4 .node-connector{display:none}.node-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.4),transparent);animation:nodePulse 2s ease-in-out infinite}@keyframes nodePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:0}}.node-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c4b5fd);box-shadow:0 0 30px #8b5cf6cc,0 0 60px #a78bfa80,inset 0 0 20px #c4b5fd4d;z-index:1}.node-content{background:#1e143299;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #0006,0 0 30px #8b5cf633,inset 0 1px #a78bfa1a;clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,2% 100%,0 92%);transform:rotate(-.5deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.experience-node:hover .node-content{transform:rotate(0) translateY(-5px);box-shadow:0 15px 50px #00000080,0 0 40px #8b5cf666,inset 0 1px #a78bfa33}.node-badge{display:inline-block;font-size:.85rem;color:#c4b5fd;font-weight:600;padding:.4rem 1rem;background:#8b5cf633;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(167,139,250,.3);box-shadow:0 4px 15px #8b5cf64d;letter-spacing:.5px}.node-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .75rem;background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.node-company{font-size:1.15rem;color:#a78bfa;font-weight:600;margin-bottom:1rem;letter-spacing:.3px}.node-description{font-size:1rem;line-height:1.8;color:#ffffffbf;margin:0}@media (max-width: 768px){.work-experience-section{padding:0 1rem;width:100%;max-width:100%;margin:0 auto}.work-experience-card{padding:2rem 1.5rem;width:100%;margin:0 auto}.work-experience-title{font-size:1.5rem;text-align:center}.experience-flow{gap:2rem;padding:1.5rem 0}.flow-path{left:25px}.experience-node{grid-template-columns:auto 1fr;gap:1.25rem}.experience-node:nth-child(2n){grid-template-columns:auto 1fr}.experience-node:nth-child(2n) .node-content{order:1;text-align:left}.experience-node:nth-child(2n) .node-connector{order:-1}.node-connector{width:50px}.node-connector:after{right:-6px;border-left:6px solid rgba(139,92,246,.8);border-top:3px solid transparent;border-bottom:3px solid transparent}.experience-node:nth-child(2n) .node-connector:after{right:-6px;left:auto;border-left:6px solid rgba(139,92,246,.8);border-right:none}.node-core{width:50px;height:50px}.node-content{padding:1.25rem}.node-title{font-size:1.25rem}.node-company{font-size:.95rem}.node-description{font-size:.85rem}}@media (max-width: 480px){.work-experience-section{padding:0 .75rem}.work-experience-card{padding:1.5rem 1rem}.work-experience-title{font-size:1.25rem}.flow-path{left:20px}.node-connector{width:40px}.node-core{width:40px;height:40px}.node-content{padding:1rem}.node-title{font-size:1.1rem}.node-company{font-size:.9rem}.node-description{font-size:.8rem}}.about-me-section{width:100%;padding:0 3rem;margin-bottom:1rem;margin-top:-4rem;opacity:0;transform:translateY(20px) translateZ(0);transition:opacity .4s ease-out,transform .4s ease-out;max-width:1000px;margin-left:auto;margin-right:auto;position:relative;z-index:1;contain:layout style paint}.about-me-divider{width:100%;height:1px;margin:4rem 0 3rem;position:relative;opacity:0;transform:scaleX(0);transition:all .8s cubic-bezier(.4,0,.2,1)}.about-me-section.visible .about-me-divider{opacity:1;transform:scaleX(1);transition-delay:.2s}.about-me-divider:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:500px;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,#a78bfa,#c4b5fd,#a78bfa,#8b5cf6,transparent);border-radius:2px;box-shadow:0 0 20px #8b5cf680,0 0 40px #a78bfa4d}.about-me-divider:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#a78bfa;border-radius:50%;box-shadow:0 0 15px #a78bfacc,0 0 30px #a78bfa66;animation:dividerPulse 2s ease-in-out infinite}@keyframes dividerPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}}.about-me-section.visible{opacity:1;transform:translateY(0)}.about-me-card{position:relative;background:transparent;border:none;border-radius:0;padding:.5rem 0;overflow:visible;transform:translateZ(0);transition:transform .5s;contain:layout style paint}.about-me-pattern{display:none}.about-me-content{position:relative;z-index:1;text-align:center}.about-me-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;padding-bottom:0;border-bottom:none;position:relative}.about-me-header:after{content:"";position:absolute;bottom:-1.5rem;display:none;left:50%;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);border-radius:1px;box-shadow:0 2px #a78bfa80}.about-me-icon{width:48px;height:48px;color:#a78bfa;filter:drop-shadow(0 0 20px rgba(167,139,250,.6));flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-me-header:hover .about-me-icon{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(167,139,250,.8))}.about-me-title{font-size:2.2rem;font-weight:600;font-family:inherit;font-style:normal;margin:0;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;position:relative;display:inline-block;padding:0}.about-me-title-text{display:inline-block;color:#fffffff2;font-weight:500;letter-spacing:.12em;background:linear-gradient(135deg,#fffffff2,#c4b5fd,#fffffff2);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGradient 4s ease-in-out infinite;position:relative}.about-me-title-text:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4),rgba(196,181,253,.6),rgba(167,139,250,.4),transparent);border-radius:1px}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.about-me-text{display:flex;flex-direction:column;gap:3rem;position:relative;max-width:800px;margin:0 auto}.about-me-paragraph{font-size:1.25rem;line-height:2;font-family:inherit;font-weight:400;color:#ffffffe6;margin:0 auto;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);padding:0;background:transparent;clip-path:none;box-shadow:none;position:relative;letter-spacing:.01em;text-align:center;max-width:800px;width:100%}.about-me-paragraph{padding-top:1.5rem;border-top:none;margin-top:0}.about-me-paragraph-tight{margin-bottom:0;margin-top:0;padding-top:.5rem}.about-me-paragraph:first-child{border-top:none;padding-top:0}.about-me-paragraph-no-border{border-top:none!important;padding-top:0!important;border-bottom:none!important;padding-bottom:0!important}.education-visual{margin:2rem 0;padding:0;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.about-me-section.mounted .education-visual{opacity:1;transform:translateY(0);transition-delay:.25s}.education-visual-content{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.education-stats{display:flex;align-items:center;gap:2rem;padding:1.5rem 2.5rem;background:linear-gradient(135deg,#a78bfa14,#667eea14);border:1px solid rgba(167,139,250,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.education-stats:hover{transform:translateY(-3px);border-color:#a78bfa66;box-shadow:0 10px 40px #a78bfa33;background:linear-gradient(135deg,#a78bfa1f,#667eea1f)}.education-stats:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(167,139,250,.15),transparent);transition:left .6s}.education-stats:hover:before{left:100%}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px;transition:transform .3s}.education-stats:hover .stat-item{transform:scale(1.05)}.stat-item:nth-child(2){transition-delay:.05s}.stat-item:nth-child(4){transition-delay:.1s}.stat-number{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;text-align:center;transition:all .3s}.education-stats:hover .stat-number{background:linear-gradient(135deg,#fff,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-number.stat-university{font-size:1.4rem;font-weight:600;letter-spacing:.03em;line-height:1.3;background:linear-gradient(135deg,#fff,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;background-size:200% 100%}.stat-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em;font-weight:400;transition:color .3s}.education-stats:hover .stat-label{color:#fffc}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(167,139,250,.4),transparent);transition:all .3s}.education-stats:hover .stat-divider{background:linear-gradient(180deg,transparent,rgba(167,139,250,.6),transparent);height:45px}.decorative-visual{margin:.1rem 0;height:65px;position:relative;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);overflow:hidden;width:100%;max-width:100%}.about-me-section.mounted .decorative-visual{opacity:1;transform:translateY(0);transition-delay:.35s}.decorative-orbits{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.orbit{position:absolute;border:1px solid rgba(167,139,250,.2);border-radius:50%;animation:orbitRotate 20s linear infinite}.orbit-1{width:40px;height:40px;animation-duration:15s}.orbit-2{width:55px;height:55px;animation-duration:25s;animation-direction:reverse}.orbit-3{width:70px;height:70px;animation-duration:30s}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-dot{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#a78bfa,#667eea);border-radius:50%;top:-3px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #a78bfa99;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.3);opacity:.7}}.decorative-grid{position:absolute;width:100%;height:100%;opacity:.3}.grid-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(167,139,250,.3),transparent)}.grid-line-h{width:100%;height:1px;left:0}.grid-line-h:nth-child(1){top:25%;animation:gridFade 4s ease-in-out infinite}.grid-line-h:nth-child(2){top:75%;animation:gridFade 4s ease-in-out infinite 2s}.grid-line-v{width:1px;height:100%;top:0}.grid-line-v:nth-child(3){left:25%;animation:gridFade 4s ease-in-out infinite 1s}.grid-line-v:nth-child(4){left:75%;animation:gridFade 4s ease-in-out infinite 3s}@keyframes gridFade{0%,to{opacity:.2}50%{opacity:.5}}.decorative-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:3px;height:3px;background:#a78bfa99;border-radius:50%;box-shadow:0 0 6px #a78bfa66;animation:particleFloat 8s ease-in-out infinite}.particle:nth-child(1){top:25%;left:20%;animation-delay:0s}.particle:nth-child(2){top:60%;left:35%;animation-delay:1.5s}.particle:nth-child(3){top:45%;left:65%;animation-delay:3s}.particle:nth-child(4){top:75%;left:50%;animation-delay:4.5s}.particle:nth-child(5){top:15%;left:80%;animation-delay:6s}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(5px,-6px) scale(1.1);opacity:.8}50%{transform:translate(-3px,5px) scale(.9);opacity:.6}75%{transform:translate(6px,3px) scale(1.05);opacity:.9}}@media (max-width: 768px){.decorative-visual{height:80px;margin:1.5rem 0}.orbit-1{width:50px;height:50px}.orbit-2{width:70px;height:70px}.orbit-3{width:90px;height:90px}}@media (max-width: 768px){.education-visual{margin:1.5rem 0;padding:0}.education-stats{flex-direction:column;gap:1.5rem;padding:1.5rem}.stat-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4),transparent)}.education-stats:hover .stat-divider{width:100%;height:1px}.stat-item{min-width:auto}.stat-number{font-size:1.5rem}.stat-number.stat-university{font-size:1.2rem}.stat-label{font-size:.75rem}}.about-me-paragraph>p{margin:.5rem 0;font-size:1.25rem;line-height:2;font-family:inherit;font-weight:400;color:#ffffffe6;text-align:center;letter-spacing:.01em}.about-me-paragraph:nth-child(1),.about-me-paragraph:nth-child(2),.about-me-paragraph:nth-child(3),.about-me-paragraph:nth-child(4){font-family:inherit;font-weight:400;font-size:1.25rem;letter-spacing:.01em;background:transparent;transform:translateY(20px);clip-path:none;box-shadow:none;font-style:normal}.about-me-section.mounted .about-me-paragraph{opacity:1;transform:translateY(0)}.about-me-paragraph:hover{transform:translateY(0);clip-path:none;background:transparent;box-shadow:none}.about-me-section.mounted .about-me-paragraph:nth-child(1){transition-delay:.1s}.about-me-section.mounted .about-me-paragraph:nth-child(2){transition-delay:.2s}.about-me-section.mounted .about-me-paragraph:nth-child(3){transition-delay:.3s}.about-me-section.mounted .about-me-paragraph:nth-child(4){transition-delay:.4s}.itc-showcase{margin:.1rem 0 2rem;padding:2rem;background:#000;border:1px solid #00ff88;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 30px #0f83}.about-me-section.mounted .itc-showcase{opacity:1;transform:translateY(0);transition-delay:.4s}.itc-showcase:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.15),transparent);transition:left .8s}.itc-showcase:hover:before{left:100%}.itc-showcase:hover{box-shadow:0 0 40px #0f86;border-color:#0f8}.itc-showcase-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.itc-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border-radius:14px;border:1px solid rgba(0,255,136,.4);flex-shrink:0;transition:all .4s;box-shadow:0 0 15px #0f83}.itc-showcase:hover .itc-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#00ff8826;box-shadow:0 0 25px #00ff8880;border-color:#0f8}.itc-icon{width:32px;height:32px;color:#0f8;filter:drop-shadow(0 0 10px rgba(0,255,136,.6));transition:all .4s}.itc-showcase:hover .itc-icon{filter:drop-shadow(0 0 15px rgba(0,255,136,.9))}.itc-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.itc-title{font-size:1.4rem;font-weight:700;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);letter-spacing:.02em}.itc-subtitle{font-size:.9rem;color:#fffc;font-weight:400;letter-spacing:.03em}.itc-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:#000;border:1px solid #00ff88;border-radius:12px;color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 0 20px #00ff884d}.itc-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent);transition:left .6s}.itc-button:hover:before{left:100%}.itc-button:hover{transform:translateY(-2px);background:#0a0a0a;border-color:#0f8;box-shadow:0 0 30px #0f89,0 8px 24px #0f86;color:#fff}.itc-button-text{position:relative;z-index:1}.itc-button-icon{width:18px;height:18px;position:relative;z-index:1;transition:transform .4s;color:#0f8;filter:drop-shadow(0 0 4px rgba(0,255,136,.6))}.itc-button:hover .itc-button-icon{transform:translate(3px,-3px);filter:drop-shadow(0 0 8px rgba(0,255,136,.9))}@media (max-width: 768px){.itc-showcase{padding:1.5rem;margin:1.5rem 0}.itc-showcase-content{flex-direction:column;gap:1.25rem;text-align:center}.itc-icon-wrapper{width:48px;height:48px}.itc-icon{width:28px;height:28px}.itc-title{font-size:1.2rem}.itc-subtitle{font-size:.85rem}.itc-button{width:100%;justify-content:center;padding:.75rem 1.5rem}}.quote-showcase{margin:2rem 0;padding:2.5rem;background:linear-gradient(135deg,#171723f2,#0f0f19f2);border:1px solid rgba(167,139,250,.2);border-radius:24px;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0000004d,inset 0 0 30px #a78bfa0d}.about-me-section.mounted .quote-showcase{opacity:1;transform:translateY(0);transition-delay:.5s}.quote-showcase:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),rgba(102,126,234,.6),rgba(167,139,250,.6),transparent);animation:gradientShift 3s ease-in-out infinite;background-size:200% 100%}.quote-showcase-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(167,139,250,.15)}.quote-flag-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa26,#667eea26);border-radius:14px;border:1px solid rgba(167,139,250,.3);flex-shrink:0;font-size:2rem;box-shadow:0 0 20px #a78bfa33}.quote-flag{display:block}.quote-context-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.quote-context-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;font-weight:400}.quote-context-title{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.quote-showcase-content{position:relative;z-index:1}.quote-text-wrapper{position:relative;padding:0 2rem;margin-bottom:2rem}.quote-icon-left,.quote-icon-right{position:absolute;width:32px;height:32px;color:#a78bfa4d;top:0}.quote-icon-left{left:0}.quote-icon-right{right:0;bottom:0;top:auto}.quote-text-main{font-size:1.15rem;line-height:1.9;color:#ffffffe6;font-style:italic;margin:0;text-align:center;letter-spacing:.02em}.quote-author-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(167,139,250,.15)}.quote-author-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.5),transparent)}.quote-author-name{font-size:1rem;color:#fffc;font-style:normal;text-align:center;font-weight:400;letter-spacing:.03em}.quote-author-highlight{background:linear-gradient(135deg,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.about-me-quote:hover{transform:none;background:transparent;box-shadow:none}.keyword-highlight{position:relative;display:inline-block;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:1em;letter-spacing:.02em;color:inherit;background:none;border:none;padding:0;margin:0;cursor:default;text-decoration:none}.keyword-highlight:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;z-index:1;opacity:0;animation:none}.about-me-section.mounted .keyword-highlight:after{animation:underlineDraw 1.5s ease-out forwards}@keyframes underlineDraw{0%{width:0;opacity:0}10%{opacity:1}to{width:100%;opacity:1}}.keyword-highlight:hover:after{animation:underlinePulse 1s ease-in-out infinite;box-shadow:0 0 15px #a78bfacc,0 0 30px #667eea99,0 2px #a78bfa80;width:100%!important}@keyframes underlinePulse{0%,to{opacity:1;box-shadow:0 0 15px #a78bfacc,0 0 30px #667eea99,0 2px #a78bfa80}50%{opacity:.7;box-shadow:0 0 20px #a78bfa,0 0 40px #667eeacc,0 2px #a78bfa80}}.budget-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;margin-left:.75rem;vertical-align:middle;box-shadow:0 0 15px #10b98166;animation:budgetPulse 2s ease-in-out infinite}@keyframes budgetPulse{0%,to{box-shadow:0 0 15px #10b98166}50%{box-shadow:0 0 25px #10b98199}}.keyword-university:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .1s forwards;z-index:1}.keyword-specialty:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .2s forwards;z-index:1}.keyword-backend:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .3s forwards;z-index:1}.keyword-react:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .4s forwards;z-index:1}.keyword-devops:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .5s forwards;z-index:1}.keyword-org:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .6s forwards;z-index:1}.keyword-drone{position:relative}.keyword-drone:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .7s forwards;z-index:1}.keyword-ai:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .8s forwards;z-index:1}.keyword-captain:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out .9s forwards;z-index:1}.keyword-final:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out 1s forwards;z-index:1}.keyword-putin:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);box-shadow:0 2px #a78bfa80;animation:underlineDraw 1.5s ease-out 1.1s forwards;z-index:1}.quote-connection{display:none}.quote-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:0;border-bottom:none}.quote-flag{font-size:1.5rem;display:inline-block;vertical-align:middle}.quote-context{font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-text{font-family:inherit;font-size:1.2rem;line-height:1.9;color:#ffffffd9;font-style:italic;margin:0 0 1.5rem;letter-spacing:.01em;text-align:center}.quote-author{display:block;font-family:inherit;font-size:1rem;color:#fffc;font-weight:500;text-align:center;font-style:normal;margin-top:1.5rem;padding-top:1.5rem;border-top:none}@media (min-width: 769px) and (max-width: 1440px){.about-me-section{margin-top:0}}@media (max-width: 768px){.about-me-section{padding:0 1.5rem;margin-top:0;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.about-me-card{padding:3rem 0;width:100%;margin:0 auto}.about-me-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.about-me-icon-wrapper{width:70px;height:70px}.about-me-icon{width:40px;height:40px}.about-me-title{font-size:1.8rem;text-align:center;padding:0}.about-me-divider{margin:3rem 0 2rem}.about-me-divider:before{width:300px}.about-me-paragraph{font-size:1.1rem;padding:0}.quote-showcase{padding:2rem 1.5rem;margin:1.5rem 0}.quote-showcase-header{flex-direction:column;gap:1rem;text-align:center}.quote-flag-wrapper{width:48px;height:48px;font-size:1.5rem}.quote-context-title{font-size:1.1rem}.quote-text-wrapper{padding:0 1rem}.quote-text-main{font-size:1rem}.quote-icon-left,.quote-icon-right{width:24px;height:24px}}@media (max-width: 480px){.about-me-section{padding:0 1rem}.about-me-card{padding:2rem 0}.about-me-title{font-size:1.6rem;padding:0}.about-me-divider{margin:2rem 0 1.5rem}.about-me-divider:before{width:250px}.about-me-paragraph{font-size:1rem;padding:0}.quote-showcase{padding:1.5rem 1rem;margin:1rem 0}.quote-showcase-header{gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.quote-flag-wrapper{width:40px;height:40px;font-size:1.2rem}.quote-context-label{font-size:.7rem}.quote-context-title{font-size:1rem}.quote-text-wrapper{padding:0 .5rem;margin-bottom:1.5rem}.quote-text-main{font-size:.95rem}.quote-icon-left,.quote-icon-right{width:20px;height:20px}.quote-author-wrapper{margin-top:1.5rem;padding-top:1rem}.quote-author-name{font-size:.9rem}}.cases-section{width:100%;padding:0 3rem;margin-bottom:4rem;opacity:0;transform:translateY(30px) translateZ(0);transition:opacity .4s ease-out,transform .4s ease-out;max-width:1600px;margin-left:auto;margin-right:auto;position:relative;z-index:1;contain:layout style paint}.cases-section.visible{opacity:1;transform:translateY(0)}.cases-header-modern{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(124,58,237,.2);position:relative}.cases-header-text{flex:1;display:flex;flex-direction:column;gap:.5rem}.cases-header-modern:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:linear-gradient(90deg,#7c3aed,transparent)}.cases-icon-modern{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#7c3aed33,#6d28d91a);border-radius:16px;color:#7c3aed;box-shadow:0 0 30px #7c3aed4d}.cases-icon-modern svg{width:28px;height:28px}.cases-title-modern{font-size:2.5rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.cases-subtitle-modern{font-size:1rem;color:#fff9;margin:0;font-style:italic;font-weight:400}.cases-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.case-card-pro{position:relative;background:#0a0a14e6;border-radius:28px;padding:2rem;border:1px solid rgba(124,58,237,.2);overflow:hidden;opacity:0;transform:translateY(20px) translateZ(0);transition:opacity .3s ease-out,transform .3s ease-out;cursor:pointer;min-height:320px;display:flex;flex-direction:column;contain:layout style paint}.case-card-pro.mounted{opacity:1;transform:translateY(0)}.case-card-pro-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;border-radius:28px;z-index:0}.case-card-pro-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.case-card-pro-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.case-card-pro-number{font-size:4.5rem;font-weight:900;line-height:1;font-family:SF Mono,Monaco,monospace;opacity:.35;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(124,58,237,.3);filter:drop-shadow(0 0 20px rgba(124,58,237,.2))}.case-status-pro{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.status-completed{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-in-progress{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-indicator{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.case-card-pro-category{font-size:.75rem;font-weight:600;color:#7c3aedcc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;padding:.25rem .75rem;background:#7c3aed1a;border-radius:8px;display:inline-block;width:fit-content}.case-card-pro-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.3;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case-card-pro-subtitle{font-size:.85rem;color:#ffffff80;margin:0 0 .75rem;font-style:italic}.case-card-pro-description{font-size:.9rem;line-height:1.65;color:#ffffffb3;margin:0 0 1.5rem;flex-grow:1}.case-card-pro-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c3aed33,#6d28d926);border:1px solid rgba(124,58,237,.4);border-radius:12px;font-size:.9rem;font-weight:600;color:#fffffff2;cursor:pointer;transition:all .3s ease;margin-top:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-card-pro-button svg{transition:transform .3s ease}.case-card-pro-button:hover{background:linear-gradient(135deg,#7c3aed4d,#6d28d940);border-color:#7c3aed99;transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed66}.case-card-pro-button:hover svg{transform:translate(4px)}.case-card-pro-accent{position:absolute;top:-100%;right:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(124,58,237,.1),transparent 60%);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:1}.gradient-1 .case-card-pro-bg{background:linear-gradient(135deg,#7c3aed1a,#6d28d90f)}.gradient-2 .case-card-pro-bg{background:linear-gradient(135deg,#a855f71a,#7c3aed0f)}.gradient-3 .case-card-pro-bg{background:linear-gradient(135deg,#c084fc1a,#a855f70f)}.gradient-4 .case-card-pro-bg{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0f)}.gradient-5 .case-card-pro-bg{background:linear-gradient(135deg,#6d28d91a,#581c870f)}.gradient-6 .case-card-pro-bg{background:linear-gradient(135deg,#7c3aed1a,#8b5cf60f)}.gradient-7 .case-card-pro-bg{background:linear-gradient(135deg,#a855f71a,#c084fc0f)}.gradient-8 .case-card-pro-bg{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0f)}.gradient-9 .case-card-pro-bg{background:linear-gradient(135deg,#6d28d91a,#8b5cf60f)}.gradient-10 .case-card-pro-bg{background:linear-gradient(135deg,#c084fc1a,#a855f70f)}.gradient-11 .case-card-pro-bg{background:linear-gradient(135deg,#7c3aed1a,#6d28d90f)}.gradient-12 .case-card-pro-bg{background:linear-gradient(135deg,#a855f71a,#8b5cf60f)}.case-card-pro:hover{transform:translateY(-10px) scale(1.02);border-color:#7c3aed99;box-shadow:0 30px 80px #000c,0 0 60px #7c3aed80,inset 0 0 50px #7c3aed1a}.case-card-pro:hover .case-card-pro-bg,.case-card-pro:hover .case-card-pro-accent{opacity:1}.case-card-pro.completed:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(34,197,94,.25),transparent 70%);border-radius:0 28px 0 100%;opacity:.6;z-index:1}.case-card-pro.in-progress:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(251,191,36,.25),transparent 70%);border-radius:0 28px 0 100%;opacity:.6;z-index:1}@media (max-width: 1400px){.cases-grid-pro{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem}}@media (max-width: 1200px){.cases-grid-pro{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}}@media (max-width: 768px){.cases-section{padding:0 1rem;width:100%;max-width:100%;margin:0 auto;min-height:200px}.cases-header-modern{flex-direction:column;align-items:center;text-align:center;gap:1rem}.cases-title-modern{font-size:1.75rem;text-align:center}.cases-grid-pro{grid-template-columns:1fr;gap:1.5rem;width:100%;margin:0 auto}.case-card-pro{padding:1.5rem;min-height:auto;width:100%;margin:0 auto}.case-card-pro-number{font-size:2rem}.case-card-pro-title{font-size:1.2rem}}@media (max-width: 480px){.cases-section{padding:0 .75rem}.cases-title-modern{font-size:1.5rem}.cases-grid-pro{gap:1.25rem}.case-card-pro{padding:1.25rem}.case-card-pro-number{font-size:1.75rem}.case-card-pro-title{font-size:1.1rem}}.achievements-section{width:100%;padding:0 3rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);max-width:1400px;margin-left:auto;margin-right:auto}.achievements-section.visible{opacity:1;transform:translateY(0)}.achievements-container{position:relative}.achievements-hero{position:relative;padding:3rem;border-radius:32px;background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border:1px solid rgba(139,92,246,.2);overflow:hidden}.achievements-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.hero-orb-1{width:200px;height:200px;background:#8b5cf6;top:-50px;right:-50px;animation:orbFloat 8s ease-in-out infinite}.hero-orb-2{width:150px;height:150px;background:#3b82f6;bottom:-30px;left:20%;animation:orbFloat 10s ease-in-out infinite reverse}.hero-orb-3{width:100px;height:100px;background:#ec4899;top:50%;left:60%;animation:orbFloat 6s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.1)}66%{transform:translate(-10px,10px) scale(.9)}}.achievements-hero-content{position:relative;z-index:1}.achievements-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:100px;margin-bottom:1.5rem}.badge-icon{font-size:1rem}.badge-text{font-size:.85rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.1em}.achievements-main-title{font-size:3.5rem;font-weight:800;color:#fff;margin:0 0 1rem;line-height:1.1;letter-spacing:-.03em}.title-gradient{background:linear-gradient(135deg,#8b5cf6,#3b82f6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-subtitle{font-size:1.1rem;color:#fff9;margin:0;font-weight:400}.achievements-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.achievement-card{position:relative;padding:1.75rem;background:#0f0f19cc;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;opacity:0;transform:translateY(20px);animation:cardAppear .6s ease forwards;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes cardAppear{to{opacity:1;transform:translateY(0)}}.achievement-card:hover{transform:translateY(-8px);border-color:#8b5cf64d;box-shadow:0 20px 60px #0006}.achievement-card:hover .card-glow{opacity:1}.achievement-card.highlight{background:linear-gradient(135deg,#8b5cf626,#0f0f19e6);border-color:#8b5cf64d}.achievement-card.scores-card{grid-column:span 1}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.15),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.achievement-badge{position:absolute;top:1rem;right:1rem;padding:.35rem .75rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:100px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #22c55e66}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#8b5cf626;border-radius:14px;color:#a78bfa}.card-icon svg{width:24px;height:24px}.card-year{padding:.4rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.85rem;font-weight:600;color:#ffffffb3}.card-body{margin-bottom:1rem}.card-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.3}.card-subtitle{font-size:.95rem;color:#ffffff80;margin:0;font-weight:400}.card-platform{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.4rem .8rem;background:#3b82f61a;border-radius:8px;font-size:.85rem;color:#60a5fa;font-weight:500}.platform-dot{width:6px;height:6px;background:#60a5fa;border-radius:50%}.card-author{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;color:#ffffff80;font-style:italic}.card-author svg{width:16px;height:16px;opacity:.6}.scores-container{display:flex;flex-direction:column;gap:1rem;margin:1.25rem 0}.score-item{display:flex;flex-direction:column;gap:.5rem}.score-info{display:flex;justify-content:space-between;align-items:center}.score-subject{font-size:.9rem;color:#ffffffb3;font-weight:500}.score-value{font-size:1.1rem;font-weight:700}.score-bar{height:8px;background:#ffffff1a;border-radius:100px;overflow:hidden}.score-fill{height:100%;border-radius:100px;transition:width 1s cubic-bezier(.4,0,.2,1)}.achievements-section.mounted .score-fill{animation:scoreFill 1.5s ease forwards}@keyframes scoreFill{0%{width:0!important}}.card-footer{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.card-action{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;font-size:.85rem;font-weight:600;color:#a78bfa;cursor:pointer;transition:all .3s ease;text-decoration:none}.card-action svg{width:16px;height:16px}.card-action:hover{background:#8b5cf640;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.diploma-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.diploma-modal-content{position:relative;width:90%;max-width:900px;height:90vh;background:#0a0a14f2;border-radius:24px;border:1px solid rgba(139,92,246,.3);box-shadow:0 30px 100px #000c;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.diploma-modal-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:12px;color:#fff;cursor:pointer;z-index:10;transition:all .3s ease}.diploma-modal-close:hover{background:#8b5cf64d;transform:rotate(90deg)}.diploma-modal-close svg{width:20px;height:20px}.diploma-iframe{width:100%;height:100%;border:none;background:#fff}@media (max-width: 768px){.achievements-section{padding:0 1rem}.achievements-hero{padding:2rem 1.5rem;border-radius:24px}.achievements-main-title{font-size:2.25rem}.achievements-grid{grid-template-columns:1fr;gap:1rem}.achievement-card{padding:1.5rem}.card-title{font-size:1.1rem}}@media (max-width: 480px){.achievements-hero{padding:1.5rem}.achievements-main-title{font-size:1.75rem}.achievements-subtitle{font-size:.95rem}.achievement-card{padding:1.25rem;border-radius:20px}.card-icon{width:40px;height:40px;font-size:1.25rem}}.tech-stack-section{width:100%;padding:0 3rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);max-width:1600px;margin-left:auto;margin-right:auto}.tech-stack-section.visible{opacity:1;transform:translateY(0)}.tech-stack-header-modern{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(124,58,237,.2);position:relative}.tech-stack-header-modern:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:linear-gradient(90deg,#7c3aed,transparent)}.tech-stack-icon-modern{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#7c3aed33,#6d28d91a);border-radius:16px;color:#7c3aed;box-shadow:0 0 30px #7c3aed4d}.tech-stack-icon-modern svg{width:28px;height:28px}.tech-stack-title-modern{font-size:2.5rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.tech-stack-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.tech-category-modern{background:#0a0a14b3;border-radius:24px;padding:2.5rem;border:1px solid rgba(124,58,237,.2);position:relative;overflow:hidden;opacity:0;transform:translateY(20px) translateZ(0);transition:opacity .3s ease-out,transform .3s ease-out;contain:layout style paint}.tech-category-modern.mounted{opacity:1;transform:translateY(0)}.backend-category:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7c3aed,#a855f7,#7c3aed);background-size:200% 100%;animation:gradientFlow 3s linear infinite}.frontend-category:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a855f7,#c084fc,#a855f7);background-size:200% 100%;animation:gradientFlow 3s linear infinite}@keyframes gradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.tech-category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(124,58,237,.2)}.tech-category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 0 20px #7c3aed4d}.backend-icon{background:linear-gradient(135deg,#7c3aed40,#6d28d926);color:#7c3aed}.frontend-icon{background:linear-gradient(135deg,#a855f740,#8b5cf626);color:#a855f7}.tech-category-icon svg{width:24px;height:24px}.tech-category-title-modern{font-size:1.75rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-tags-modern{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag-modern{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:12px;font-size:.85rem;font-weight:600;color:#fffffff2;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px) scale(.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.tech-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.tech-icon svg{width:100%;height:100%;opacity:.9}.tech-category-modern.mounted .tech-tag-modern{opacity:1;transform:translateY(0) scale(1);animation:tagAppear .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes tagAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.backend-tag{background:linear-gradient(135deg,#7c3aed26,#6d28d91a);border:1px solid rgba(124,58,237,.3);box-shadow:0 4px 15px #7c3aed33}.frontend-tag{background:linear-gradient(135deg,#a855f726,#8b5cf61a);border:1px solid rgba(168,85,247,.3);box-shadow:0 4px 15px #a855f733}.tech-tag-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.tech-tag-modern:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 30px #7c3aed66}.backend-tag:hover{background:linear-gradient(135deg,#7c3aed40,#6d28d933);border-color:#7c3aed80;box-shadow:0 8px 30px #7c3aed80}.frontend-tag:hover{background:linear-gradient(135deg,#a855f740,#8b5cf633);border-color:#a855f780;box-shadow:0 8px 30px #a855f780}.tech-tag-modern:hover:before{left:100%}.tech-category-modern:hover{transform:translateY(-5px);border-color:#7c3aed66;box-shadow:0 25px 70px #000000b3,0 0 50px #7c3aed4d,inset 0 0 40px #7c3aed0d}@media (max-width: 1200px){.tech-stack-container{gap:2rem}}@media (max-width: 968px){.tech-stack-container{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.tech-stack-section{padding:0 1rem;width:100%;max-width:100%;margin:0 auto}.tech-stack-container{width:100%;max-width:100%;margin:0 auto}.tech-stack-title-modern{font-size:1.75rem;text-align:center}.tech-category-modern{padding:1.5rem;width:100%}.tech-category-title-modern{font-size:1.25rem}.tech-tag-modern{font-size:.75rem;padding:.5rem .875rem}}@media (max-width: 480px){.tech-stack-section{padding:0 .75rem}.tech-stack-title-modern{font-size:1.5rem}.tech-category-modern{padding:1.25rem}.tech-category-title-modern{font-size:1.1rem}.tech-tag-modern{font-size:.7rem;padding:.45rem .75rem}}.contacts-section{width:100%;padding:0 3rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);max-width:1400px;margin-left:auto;margin-right:auto}.contacts-section.visible{opacity:1;transform:translateY(0)}.contacts-card{background:#0a0a14e6;border:1px solid rgba(34,197,94,.2);border-radius:24px;padding:3rem;box-shadow:0 30px 100px #000000b3,0 0 60px #22c55e33,inset 0 1px #22c55e1a;position:relative;overflow:hidden;transform:translateZ(0);contain:layout style paint}.contacts-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(34,197,94,.2);position:relative}.contacts-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:linear-gradient(90deg,#22c55e,transparent)}.contacts-icon-wrapper{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#22c55e33,#16a34a1a);border-radius:16px;color:#22c55e;box-shadow:0 0 30px #22c55e4d}.contacts-icon{width:32px;height:32px}.contacts-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.contact-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.15);border-radius:16px;text-decoration:none;transition:opacity .3s ease-out,transform .3s ease-out;opacity:0;transform:translate(-10px) translateZ(0);position:relative;overflow:hidden;box-shadow:0 8px 25px #00000080,0 0 15px #22c55e1a;contain:layout style paint}.contact-item.mounted{opacity:1;transform:translate(0)}.contacts-section.mounted .contact-item:nth-child(1){transition-delay:.1s}.contacts-section.mounted .contact-item:nth-child(2){transition-delay:.2s}.contact-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.2),transparent);transition:left .5s}.contact-item:hover:before{left:100%}.contact-item:hover{background:#22c55e1a;transform:translate(10px);border-color:#22c55e4d;box-shadow:0 15px 40px #0009,0 0 30px #22c55e4d}.contact-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e;flex-shrink:0}.contact-icon svg{width:24px;height:24px}.contact-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.85rem;color:#fff9;font-weight:500}.contact-value{font-size:1.1rem;color:#fff;font-weight:600}.contact-arrow{width:20px;height:20px;color:#22c55e99;transition:all .3s;flex-shrink:0}.contact-item:hover .contact-arrow{color:#22c55e;transform:translate(5px)}@media (max-width: 768px){.contacts-section{padding:0 1rem;width:100%;max-width:100%;margin:0 auto}.contacts-card{padding:2rem 1.5rem;width:100%;margin:0 auto}.contacts-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.contacts-title{font-size:1.5rem;text-align:center}.contact-item{padding:1.25rem;gap:1rem;width:100%}.contact-content{text-align:center;align-items:center}.contact-icon{width:40px;height:40px}.contact-icon svg{width:20px;height:20px}}@media (max-width: 480px){.contacts-section{padding:0 .75rem}.contacts-card{padding:1.5rem 1rem}.contacts-title{font-size:1.25rem}.contact-item{padding:1rem;flex-direction:column;text-align:center}.contact-content{align-items:center}}.navigation-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .3s ease}.navigation-header.sticky{background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(167,139,250,.2);box-shadow:0 4px 20px #0000004d}.navigation-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;display:flex;align-items:center;justify-content:center}.navigation-links{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:nowrap}.navigation-link{background:none;border:none;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.navigation-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);border-radius:2px;transition:width .3s ease}.navigation-link:hover{color:#c4b5fd;background:#a78bfa1a}.navigation-link:hover:before{width:80%}.navigation-link.active{color:#a78bfa;background:#a78bfa26}.navigation-link.active:before{width:100%;box-shadow:0 0 10px #a78bfa80}.navigation-link-pdf{background:linear-gradient(135deg,#8b5cf633,#a78bfa33)!important;border:1px solid rgba(167,139,250,.4)!important;color:#c4b5fd!important;font-weight:600!important;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem!important;position:relative;overflow:hidden}.navigation-link-pdf:before{display:none}.navigation-link-pdf:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(167,139,250,.3),transparent);transition:left .5s ease}.navigation-link-pdf:hover{background:linear-gradient(135deg,#8b5cf64d,#a78bfa4d)!important;border-color:#a78bfa99!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 15px #a78bfa66}.navigation-link-pdf:hover:after{left:100%}.navigation-link-pdf:active{transform:translateY(0)}.navigation-link-pdf:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdf-icon{width:18px;height:18px;flex-shrink:0}.navigation-links-mobile{display:none}@media (max-width: 1200px){.navigation-container{padding:0 1rem;justify-content:center}.navigation-links-desktop{display:none!important}.navigation-links-mobile{display:none}}@media (max-width: 480px){.navigation-header{padding:.75rem 0}.navigation-container{padding:0 .75rem}.navigation-links-mobile .navigation-link-pdf{padding:.55rem 1rem!important;font-size:.85rem;gap:.4rem}.pdf-icon{width:16px;height:16px}}.resume-container{width:100%;min-height:100vh;background:#050508;padding:0;display:flex;justify-content:center;align-items:flex-start;position:relative;overflow-x:hidden;animation:fadeIn .8s ease-out;transform:translateZ(0);will-change:scroll-position}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resume-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;contain:layout style paint;transform:translateZ(0)}.resume-background:before,.resume-background:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(34,197,94,.4) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(22,163,74,.3) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(34,197,94,.25) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(22,163,74,.35) 1px,transparent 1px);background-size:200px 200px,150px 150px,180px 180px,160px 160px;background-position:0 0,50px 50px,100px 100px,150px 150px;animation:particlesFloat 20s linear infinite;will-change:transform}.resume-background:after{background-image:radial-gradient(circle at 70% 40%,rgba(34,197,94,.3) 1px,transparent 1px),radial-gradient(circle at 30% 60%,rgba(22,163,74,.25) 1px,transparent 1px),radial-gradient(circle at 90% 10%,rgba(34,197,94,.2) 1px,transparent 1px);background-size:220px 220px,170px 170px,190px 190px;background-position:0 0,80px 80px,120px 120px;animation:particlesFloatReverse 25s linear infinite;will-change:transform}@keyframes particlesFloat{0%{transform:translate(0);opacity:.6}10%{transform:translate(8px,-5px);opacity:.62}20%{transform:translate(15px,-10px);opacity:.64}30%{transform:translate(22px,-15px);opacity:.66}40%{transform:translate(30px,-20px);opacity:.68}50%{transform:translate(20px,-5px);opacity:.67}60%{transform:translate(10px,10px);opacity:.66}70%{transform:translate(-5px,20px);opacity:.65}80%{transform:translate(-20px,30px);opacity:.64}90%{transform:translate(-10px,15px);opacity:.62}to{transform:translate(0);opacity:.6}}@keyframes particlesFloatReverse{0%{transform:translate(0);opacity:.5}12.5%{transform:translate(-6px,6px);opacity:.52}25%{transform:translate(-12px,12px);opacity:.54}37.5%{transform:translate(-18px,18px);opacity:.56}50%{transform:translate(-25px,25px);opacity:.58}62.5%{transform:translate(-20px,20px);opacity:.57}75%{transform:translate(-8px,8px);opacity:.55}87.5%{transform:translate(-4px,4px);opacity:.53}to{transform:translate(0);opacity:.5}}.background-saucers{position:absolute;width:100%;height:100%;pointer-events:none}.background-saucer{position:absolute;width:50px;height:25px;background:linear-gradient(135deg,#22c55e66,#16a34a66);border-radius:50%/60% 60% 40% 40%;box-shadow:0 0 25px #22c55e66,inset 0 -3px 8px #0000004d;animation:backgroundSaucerFloat 15s ease-in-out infinite;will-change:transform}.background-saucer:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:40%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent);border-radius:50%}.background-saucer-1{top:15%;left:10%;animation-delay:0s;width:60px;height:30px}.background-saucer-2{top:45%;right:12%;animation-delay:3s;width:45px;height:22px}.background-saucer-3{bottom:20%;left:15%;animation-delay:6s;width:55px;height:28px}.background-saucer-4{top:70%;right:20%;animation-delay:9s;width:40px;height:20px}.background-saucer-5{top:30%;left:60%;animation-delay:12s;width:50px;height:25px}@keyframes backgroundSaucerFloat{0%,to{transform:translate(0) rotate(0);opacity:.4}25%{transform:translate(40px,-30px) rotate(8deg);opacity:.6}50%{transform:translate(-30px,40px) rotate(-8deg);opacity:.5}75%{transform:translate(30px,20px) rotate(5deg);opacity:.7}}.resume-card{max-width:1400px;width:100%;background:transparent;position:relative;z-index:1;margin:0 auto;padding-bottom:2rem;transform:translateZ(0);contain:layout style}.card-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:90%;height:100%;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:32px;filter:blur(40px);z-index:-1;animation:glowPulse 8s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.05)}}.resume-body{width:100%;padding:0 3rem 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.content-card{background:#1e1e2dd9;border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:2rem;transition:opacity .3s ease-out,transform .3s ease-out;opacity:0;transform:translateY(20px) translateZ(0);contain:layout style paint}.content-card.visible{opacity:1;transform:translateY(0)}.content-card:hover{border-color:#667eea66;transform:translateY(-8px);box-shadow:0 15px 40px #667eea40}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(102,126,234,.2)}.card-icon{font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:12px;border:1px solid rgba(102,126,234,.3)}.card-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0;letter-spacing:.05em}.card-content{color:#ffffffb3;line-height:1.8}.about-card .card-content p{margin:0;font-size:1rem}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.75rem}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:1rem;color:#ffffffe6;font-weight:500}.skill-percent{font-size:.9rem;color:#667eea;font-weight:600}.skill-bar{height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 0 10px #667eea80;animation:skillProgress 1s ease-out}@keyframes skillProgress{0%{width:0}}.experience-timeline{position:relative}.timeline-item{display:flex;gap:1.5rem;position:relative}.timeline-marker{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea80;flex-shrink:0;margin-top:.25rem}.timeline-content{flex:1}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.timeline-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.timeline-date{font-size:.85rem;color:#667eeacc;font-weight:500}.timeline-company{font-size:.95rem;color:#667eea;font-weight:500;margin:0 0 .5rem}.timeline-description{font-size:.9rem;line-height:1.7;color:#fff9;margin:0}.education-item{margin-bottom:0}.education-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.education-university{font-size:.95rem;color:#ffffffb3;margin:0 0 .25rem}.education-year{font-size:.9rem;color:#667eeacc;margin:0}.contacts-list{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;transition:all .3s}.contact-item:hover{background:#667eea26;border-color:#667eea4d;transform:translate(5px)}.contact-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:10px;flex-shrink:0}.contact-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.contact-label{font-size:.85rem;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.contact-value{font-size:1rem;color:#ffffffe6;font-weight:500}@media (max-width: 1200px){.resume-body{grid-template-columns:1fr}}@media (max-width: 768px){.resume-container{padding:0;display:flex;justify-content:center;align-items:flex-start}.resume-card{width:100%;max-width:100%;padding-bottom:4rem}.resume-body{padding:0 1rem 2rem;gap:1.5rem;max-width:100%;margin:0 auto}.content-card{padding:1.5rem;width:100%;margin:0 auto}}@media (max-width: 480px){.resume-body{padding:0 .75rem 1.5rem;gap:1rem}.content-card{padding:1.25rem}}.case-base{min-height:100vh;background:#0a0a0f;position:relative;padding:2rem 0;opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}.case-base-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.case-base-saucers{position:absolute;width:100%;height:100%}.case-base-saucer{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s infinite ease-in-out}.case-base-saucer-1{width:400px;height:400px;background:radial-gradient(circle,#7c3aed,transparent);top:10%;left:10%;animation-delay:0s}.case-base-saucer-2{width:300px;height:300px;background:radial-gradient(circle,#a855f7,transparent);top:60%;right:15%;animation-delay:5s}.case-base-saucer-3{width:350px;height:350px;background:radial-gradient(circle,#c084fc,transparent);bottom:10%;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.case-base-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.case-base-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:12px;color:#ffffffe6;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-base-back-btn svg{width:18px;height:18px}.case-base-back-btn:hover{background:#7c3aed33;border-color:#7c3aed80;transform:translate(-5px)}.case-base-card{background:#0a0a14cc;border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 30px 100px #000000b3,0 0 60px #7c3aed33;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .6s ease}.case-base.mounted .case-base-card{opacity:1;transform:translateY(0)}.case-base-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(124,58,237,.2)}.case-base-number{font-size:3rem;font-weight:900;line-height:1;font-family:SF Mono,Monaco,monospace;opacity:.4;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case-base-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-base-status.status-completed{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.case-base-status.status-in-progress{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.case-base-status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.case-base-category{display:inline-block;padding:.5rem 1rem;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:8px;font-size:.85rem;color:#ffffffb3;margin-bottom:1.5rem;font-weight:500}.case-base-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;line-height:1.2;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case-base-subtitle{font-size:1.2rem;color:#fff9;margin:0 0 2rem;font-style:italic}.case-base-content{margin-top:3rem}.case-base-content h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(124,58,237,.3)}.case-base-description{margin-bottom:2rem}.case-base-description p{font-size:1.1rem;line-height:1.8;color:#fffc;margin:0}@media (max-width: 768px){.case-base-container{padding:0 1rem}.case-base-card{padding:2rem}.case-base-title{font-size:1.8rem}}.case1-custom{padding:2rem 0}.case1-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.case1-main-title{font-size:4rem;font-weight:900;line-height:1.1;margin:4rem 0 1.5rem;text-align:center;background:linear-gradient(135deg,#fff,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.case1-title-accent{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case1-hero-subtitle{font-size:1.5rem;color:#fffc;font-weight:300;letter-spacing:.05em;margin:0 0 4rem;text-align:center}.case1-intro-text{font-size:1.25rem;line-height:1.8;color:#ffffffd9;margin:0 0 5rem;max-width:900px;margin-left:auto;margin-right:auto}.case1-intro-text strong{color:#a78bfa;font-weight:600}.case1-section-title{font-size:2.5rem;font-weight:800;margin:6rem 0 2rem;color:#fff;text-align:center}.case1-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.case1-feature-card{background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.case1-feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.case1-feature-card:hover:before{left:100%}.case1-feature-card:hover{transform:translateY(-5px);border-color:#667eea66;box-shadow:0 20px 40px #667eea33}.case1-feature-icon{width:48px;height:48px;margin-bottom:1rem;color:#a78bfa;flex-shrink:0}.case1-feature-card p{margin:0;color:#ffffffe6;font-size:1.05rem;line-height:1.6}.case1-features-footer{text-align:center;font-size:1.2rem;color:#ffffffb3;font-style:italic;max-width:800px;margin:0 auto 6rem}.case1-video-title{font-size:2.5rem;font-weight:800;margin:6rem 0 1rem;color:#fff;text-align:center}.case1-video-title-bottom{margin-top:6rem}.case1-video-subtitle{font-size:1.2rem;color:#fffc;margin:0 0 2.5rem;text-align:center}.case1-video-link-wrapper{text-align:center;margin:0 0 6rem}.case1-video-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;background:linear-gradient(135deg,#ef4444,#dc2626);padding:1.5rem 3rem;border-radius:50px;color:#fff;font-size:1.3rem;font-weight:700;box-shadow:0 10px 40px #ef444466,0 0 60px #ef444433;transition:all .3s ease;position:relative;overflow:hidden}.case1-video-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.case1-video-link:hover:before{left:100%}.case1-video-link:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 15px 50px #ef444480,0 0 80px #ef44444d}.case1-video-link-large{padding:2rem 4rem;font-size:1.5rem}.case1-video-icon{width:32px;height:32px;flex-shrink:0}.case1-video-arrow{width:24px;height:24px;flex-shrink:0;transition:transform .3s}.case1-video-link:hover .case1-video-arrow{transform:translate(5px)}.case1-architecture-title{margin-bottom:1.5rem}.case1-architecture-intro{text-align:center;font-size:1.2rem;color:#fffc;max-width:800px;margin:0 auto 4rem;line-height:1.8}.case1-core-repos{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.case1-repo-card{background:#667eea1a;border:2px solid rgba(102,126,234,.3);border-radius:24px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.case1-repo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s}.case1-repo-card:hover:before{transform:scaleX(1)}.case1-repo-card:hover{transform:translateY(-8px);border-color:#667eea80;box-shadow:0 25px 50px #667eea4d}.case1-repo-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.case1-repo-icon{width:32px;height:32px;color:#a78bfa;flex-shrink:0}.case1-repo-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.case1-repo-desc{color:#fffc;line-height:1.7;margin:0 0 1.5rem;font-size:1.05rem}.case1-repo-link{display:inline-flex;align-items:center;gap:.75rem;color:#a78bfa;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;padding:.75rem 1.5rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:12px}.case1-repo-link svg{width:20px;height:20px}.case1-repo-link:hover{color:#c4b5fd;background:#a78bfa33;border-color:#a78bfa80;transform:translate(5px);box-shadow:0 5px 20px #a78bfa4d}.case1-modules-title{font-size:3.5rem;font-weight:900;color:#fff;margin:6rem 0 5rem;text-align:center;position:relative;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a78bfa,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case1-modules-title:before{content:"";position:absolute;left:50%;top:-2rem;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,#667eea,#a78bfa,#667eea,transparent);border-radius:1px;box-shadow:0 2px #a78bfa80}.case1-modules-unique{display:flex;flex-direction:column;gap:0;margin-top:4rem;position:relative}.case1-module-item{margin:0;padding:6rem 0;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.case1-module-item:not(.case1-module-polygon):not(.case1-module-s3):after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.3) 10%,rgba(167,139,250,.5) 20%,rgba(167,139,250,.5) 80%,rgba(102,126,234,.3) 90%,transparent 100%);box-shadow:0 2px #a78bfa4d}.case1-module-item:not(.case1-module-polygon):not(.case1-module-s3):last-child:after{display:none}.case1-module-icon{width:64px;height:64px;margin-bottom:2rem;flex-shrink:0}.case1-module-title{font-size:2.5rem;font-weight:900;color:#fff;margin:0 0 2rem;line-height:1.2;letter-spacing:-.02em}.case1-module-desc{color:#ffffffe6;line-height:2;margin:0 0 2.5rem;font-size:1.25rem;max-width:800px}.case1-module-desc strong{color:#fff;font-weight:700;background:linear-gradient(135deg,#667eea4d,#764ba24d);padding:.2rem .5rem;border-radius:6px;display:inline-block;margin:0 .2rem}.case1-module-link{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;padding:1rem 2rem;border-radius:12px}.case1-module-link svg{width:20px;height:20px}.case1-module-link:hover{transform:translate(5px)}.case1-module-admin .case1-module-link{color:#667eea;background:#667eea26;border:2px solid rgba(102,126,234,.4)}.case1-module-admin .case1-module-link:hover{color:#818cf8;background:#667eea40;border-color:#667eea99;box-shadow:0 8px 25px #667eea66}.case1-module-mobile .case1-module-link{color:#22c55e;background:#22c55e26;border:2px solid rgba(34,197,94,.4)}.case1-module-mobile .case1-module-link:hover{color:#4ade80;background:#22c55e40;border-color:#22c55e99;box-shadow:0 8px 25px #22c55e66}.case1-module-cv .case1-module-link{color:#ef4444;background:#ef444426;border:2px solid rgba(239,68,68,.4)}.case1-module-cv .case1-module-link:hover{color:#f87171;background:#ef444440;border-color:#ef444499;box-shadow:0 8px 25px #ef444466}.case1-module-ai .case1-module-link{color:#a855f7;background:#a855f726;border:2px solid rgba(168,85,247,.4)}.case1-module-ai .case1-module-link:hover{color:#c084fc;background:#a855f740;border-color:#a855f799;box-shadow:0 8px 25px #a855f766}.case1-module-notifications .case1-module-link{color:#fb923c;background:#fb923c26;border:2px solid rgba(251,146,60,.4)}.case1-module-notifications .case1-module-link:hover{color:#fdba74;background:#fb923c40;border-color:#fb923c99;box-shadow:0 8px 25px #fb923c66}.case1-module-s3 .case1-module-link{color:#0ea5e9;background:#0ea5e926;border:2px solid rgba(14,165,233,.4)}.case1-module-s3 .case1-module-link:hover{color:#38bdf8;background:#0ea5e940;border-color:#0ea5e999;box-shadow:0 8px 25px #0ea5e966}.case1-module-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.case1-module-note{color:#fff9;font-style:italic;font-size:1rem;margin:1.5rem 0 0;padding:1rem;background:#3b82f61a;border-radius:12px;display:inline-block}.case1-module-admin{padding-left:4rem;position:relative;background:linear-gradient(90deg,rgba(102,126,234,.03) 0%,transparent 100%)}.case1-module-admin:before{content:"";position:absolute;left:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#667eea,#764ba2,#667eea);border-radius:0 3px 3px 0;box-shadow:0 0 20px #667eea66;transition:all .4s ease}.case1-module-admin:hover:before{width:8px;box-shadow:0 0 30px #667eea99}.case1-module-admin .case1-module-icon{color:#667eea;filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}.case1-module-admin .case1-module-desc strong{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.case1-module-mobile{padding-left:4rem;position:relative;background:linear-gradient(90deg,rgba(34,197,94,.03) 0%,transparent 100%)}.case1-module-mobile:before{content:"";position:absolute;left:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#22c55e,#16a34a,#22c55e);border-radius:0 3px 3px 0;box-shadow:0 0 20px #22c55e66;transition:all .4s ease}.case1-module-mobile:hover:before{width:8px;box-shadow:0 0 30px #22c55e99}.case1-module-mobile .case1-module-icon{color:#22c55e;filter:drop-shadow(0 0 20px rgba(34,197,94,.5))}.case1-module-mobile .case1-module-desc strong{background:linear-gradient(135deg,#22c55e4d,#16a34a4d)}.case1-module-polygon{text-align:center;padding:6rem 4rem;position:relative;background:radial-gradient(ellipse at center,rgba(59,130,246,.05) 0%,transparent 70%)}.case1-module-polygon:before{content:"";position:absolute;left:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#3b82f6,#2563eb,#3b82f6);border-radius:0 3px 3px 0;box-shadow:0 0 20px #3b82f699;transition:all .4s ease;z-index:1}.case1-module-polygon:after{content:"";position:absolute;right:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#3b82f6,#2563eb,#3b82f6);border-radius:3px 0 0 3px;box-shadow:0 0 20px #3b82f699;transition:all .4s ease;z-index:1}.case1-module-polygon:hover:before,.case1-module-polygon:hover:after{width:8px;box-shadow:0 0 30px #3b82f699}.case1-module-polygon .case1-module-icon{color:#3b82f6;margin:0 auto 2rem;filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}.case1-module-polygon .case1-module-desc strong{background:linear-gradient(135deg,#3b82f64d,#2563eb4d)}.case1-module-cv{display:flex;gap:3rem;align-items:center;padding-right:4rem;flex-direction:row-reverse;position:relative;background:linear-gradient(270deg,rgba(239,68,68,.03) 0%,transparent 100%)}.case1-module-cv:before{content:"";position:absolute;right:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#ef4444,#dc2626,#ef4444);border-radius:3px 0 0 3px;box-shadow:0 0 20px #ef444466;transition:all .4s ease}.case1-module-cv:hover:before{width:8px;box-shadow:0 0 30px #ef444499}.case1-module-cv .case1-module-icon{color:#ef4444;margin-bottom:0;filter:drop-shadow(0 0 20px rgba(239,68,68,.5))}.case1-module-cv .case1-module-desc strong{background:linear-gradient(135deg,#ef44444d,#dc26264d)}.case1-module-ai{padding-left:4rem;position:relative;background:linear-gradient(90deg,rgba(168,85,247,.03) 0%,transparent 100%)}.case1-module-ai:before{content:"";position:absolute;left:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#a855f7,#9333ea,#a855f7);border-radius:0 3px 3px 0;box-shadow:0 0 20px #a855f766;transition:all .4s ease}.case1-module-ai:hover:before{width:8px;box-shadow:0 0 30px #a855f799}.case1-module-ai .case1-module-icon{color:#a855f7;filter:drop-shadow(0 0 20px rgba(168,85,247,.5))}.case1-module-ai .case1-module-desc strong{background:linear-gradient(135deg,#a855f74d,#9333ea4d)}.case1-module-notifications{padding-left:4rem;position:relative;background:linear-gradient(90deg,rgba(251,146,60,.03) 0%,transparent 100%)}.case1-module-notifications:before{content:"";position:absolute;left:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#fb923c,#ea580c,#fb923c);border-radius:0 3px 3px 0;box-shadow:0 0 20px #fb923c66;transition:all .4s ease}.case1-module-notifications:hover:before{width:8px;box-shadow:0 0 30px #fb923c99}.case1-module-notifications .case1-module-icon{color:#fb923c;animation:bellRing 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(251,146,60,.5))}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.case1-module-notifications .case1-module-desc strong{background:linear-gradient(135deg,#fb923c4d,#ea580c4d)}.case1-module-s3{text-align:center;padding:6rem 4rem;position:relative;background:radial-gradient(ellipse at center,rgba(14,165,233,.05) 0%,transparent 70%)}.case1-module-s3:before{content:"";position:absolute;left:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#0ea5e9,#0284c7,#0ea5e9);border-radius:0 3px 3px 0;box-shadow:0 0 20px #0ea5e999;transition:all .4s ease;z-index:1}.case1-module-s3:after{content:"";position:absolute;right:0;top:3rem;bottom:3rem;width:6px;background:linear-gradient(180deg,#0ea5e9,#0284c7,#0ea5e9);border-radius:3px 0 0 3px;box-shadow:0 0 20px #0ea5e999;transition:all .4s ease;z-index:1}.case1-module-s3:hover:before,.case1-module-s3:hover:after{width:8px;box-shadow:0 0 30px #0ea5e999}.case1-module-s3 .case1-module-icon{color:#0ea5e9;margin:0 auto 2rem;animation:rotate 20s linear infinite;filter:drop-shadow(0 0 20px rgba(14,165,233,.5))}.case1-module-s3 .case1-module-desc strong{background:linear-gradient(135deg,#0ea5e94d,#0284c74d)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.case1-container{padding:0 1.5rem}.case1-main-title{font-size:2.5rem}.case1-hero-subtitle{font-size:1.2rem}.case1-section-title{font-size:2rem}.case1-features-grid,.case1-core-repos{grid-template-columns:1fr}.case1-modules-unique{gap:3rem}.case1-module-admin{flex-direction:column;padding-left:1rem}.case1-module-mobile{padding-left:1rem}.case1-module-polygon{padding:1.5rem 0}.case1-module-cv{flex-direction:column;padding-right:1rem}.case1-module-ai,.case1-module-notifications{padding-left:1rem}.case1-module-s3{padding:1.5rem 0}.case1-module-icon{width:40px;height:40px}.case1-module-title{font-size:1.5rem}.case1-module-link{padding:.875rem 1.5rem;font-size:1rem}.case1-video-link{padding:1.2rem 2rem;font-size:1.1rem}.case1-video-link-large{padding:1.5rem 2.5rem;font-size:1.2rem}}.case2-custom{padding:2rem 0}.case2-container{max-width:1600px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.case2-main-title{font-family:Impact,Arial Black,sans-serif;font-size:8rem;font-weight:900;line-height:.9;margin:4rem 0 2rem;text-align:center;letter-spacing:-.02em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.case2-title-beatmaker{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.3),0 0 60px rgba(255,255,255,.2)}.case2-title-ai{color:red;text-shadow:0 0 30px rgba(255,0,0,.5),0 0 60px rgba(255,0,0,.3),0 0 90px rgba(255,0,0,.2)}@media (max-width: 1200px){.case2-main-title{font-size:6rem}}@media (max-width: 768px){.case2-main-title{font-size:4rem;gap:.3rem}}.case2-description-block{max-width:1000px;margin:3rem auto;padding:3rem;background:linear-gradient(135deg,#000c,#1e1e1ee6,#000c);border:2px solid rgba(255,0,0,.3);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 40px #ff00001a,inset 0 0 30px #0000004d;position:relative;overflow:hidden}.case2-description-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ff0000 20%,#808080 50%,#ff0000 80%,transparent);animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.case2-description-text{font-size:1.5rem;line-height:1.8;color:#fff;margin:0;text-align:center;font-weight:300;letter-spacing:.02em;position:relative;z-index:1}.case2-highlight-red{color:red;font-weight:700;text-shadow:0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.3)}.case2-highlight-gray{color:gray;font-weight:600;text-shadow:0 0 15px rgba(128,128,128,.4)}.case2-highlight-black{color:#000;font-weight:700;background:#ffffff1a;padding:.2rem .5rem;border-radius:8px;text-shadow:none}@media (max-width: 768px){.case2-description-block{padding:2rem 1.5rem;margin:2rem auto}.case2-description-text{font-size:1.2rem}}.case2-screenshots-section{margin:5rem 0;padding:0;position:relative}.case2-screenshots-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-width:1400px;margin:0 auto;padding:0 1rem}.case2-screenshots-container{position:relative;width:100%;max-width:400px;height:700px;overflow:hidden;border-radius:40px;box-shadow:0 30px 80px #0009,0 0 50px #ff00004d;background:linear-gradient(135deg,#000000e6,#141414f2)}.case2-screenshot-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%) scale(.8);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.case2-screenshot-item.active{opacity:1;transform:translate(0) scale(1);pointer-events:auto;z-index:2}.case2-screenshot-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:40px}.case2-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f003,#80808033);border:2px solid rgba(255,0,0,.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d,0 0 20px #f003}.case2-nav-btn:hover{background:linear-gradient(135deg,#f006,#80808066);border-color:#f00c;transform:translateY(-50%) scale(1.1);box-shadow:0 15px 40px #0006,0 0 30px #f006}.case2-nav-btn:active{transform:translateY(-50%) scale(.95)}.case2-nav-btn svg{width:28px;height:28px;stroke-width:3}.case2-nav-prev{left:-30px}.case2-nav-next{right:-30px}.case2-dots-indicator{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:0}.case2-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,0,0,.4);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.case2-dot:hover{background:#ff00004d;border-color:#f009;transform:scale(1.2)}.case2-dot.active{background:red;border-color:red;box-shadow:0 0 15px #f009,0 0 30px #ff00004d;transform:scale(1.3)}@media (max-width: 768px){.case2-screenshots-section{margin:3rem 0}.case2-screenshots-wrapper{padding:0 .5rem}.case2-screenshots-container{max-width:320px;height:600px;border-radius:30px}.case2-screenshot-img{border-radius:30px}.case2-nav-btn{width:50px;height:50px}.case2-nav-btn svg{width:24px;height:24px}.case2-nav-prev{left:-20px}.case2-nav-next{right:-20px}}@media (max-width: 480px){.case2-screenshots-wrapper{padding:0 .5rem}.case2-screenshots-container{max-width:280px;height:550px;border-radius:25px}.case2-screenshot-img{border-radius:25px}.case2-nav-btn{width:45px;height:45px}.case2-nav-btn svg{width:20px;height:20px}.case2-nav-prev{left:-15px}.case2-nav-next{right:-15px}.case2-dots-indicator{gap:.75rem;margin-top:1.5rem}.case2-dot{width:10px;height:10px}}.case2-tech-section{max-width:1000px;margin:5rem auto;padding:0}.case2-tech-block{margin-bottom:4rem;text-align:center;position:relative}.case2-tech-block:last-child{margin-bottom:0}.case2-tech-block:not(:last-child):after{content:"";position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#808080 20%,#ff0000 50%,#808080 80%,transparent)}.case2-tech-title{font-size:3.5rem;font-weight:900;color:red;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 30px rgba(255,0,0,.5),0 0 60px rgba(255,0,0,.3);font-family:Impact,Arial Black,sans-serif}.case2-tech-text{font-size:1.4rem;line-height:1.9;color:#fff;font-weight:300;letter-spacing:.03em;max-width:900px;margin:0 auto}@media (max-width: 768px){.case2-tech-section{margin:3rem auto}.case2-tech-block{margin-bottom:3rem}.case2-tech-title{font-size:2.5rem}.case2-tech-text{font-size:1.2rem;line-height:1.7}}.case2-repos-section{margin:6rem auto 4rem;max-width:1200px;padding:0}.case2-repos-title{font-size:3rem;font-weight:900;color:#fff;text-align:center;margin:0 0 3rem;text-transform:uppercase;letter-spacing:.1em;font-family:Impact,Arial Black,sans-serif;text-shadow:0 0 30px rgba(255,255,255,.2)}.case2-repos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.case2-repo-btn{display:block;text-decoration:none;background:linear-gradient(135deg,#000c,#141414e6,#000c);border:2px solid rgba(255,0,0,.3);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #ff00001a}.case2-repo-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,0,.1),transparent);transition:left .5s ease}.case2-repo-btn:hover:before{left:100%}.case2-repo-btn:hover{transform:translateY(-8px);border-color:#f009;box-shadow:0 30px 80px #0009,0 0 60px #f006}.case2-repo-btn-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.case2-repo-icon{width:48px;height:48px;color:#fff;flex-shrink:0;transition:transform .3s ease}.case2-repo-btn:hover .case2-repo-icon{transform:scale(1.1) rotate(5deg)}.case2-repo-btn-text{flex:1;display:flex;flex-direction:column;gap:.5rem}.case2-repo-btn-label{font-size:1.5rem;font-weight:700;color:red;text-shadow:0 0 20px rgba(255,0,0,.4);letter-spacing:.02em}.case2-repo-btn-desc{font-size:1rem;color:gray;font-weight:400}.case2-repo-arrow{width:24px;height:24px;color:#fff;flex-shrink:0;transition:transform .3s ease}.case2-repo-btn:hover .case2-repo-arrow{transform:translate(5px)}.case2-repo-backend{border-color:#ff00004d}.case2-repo-backend:hover{border-color:#f009}.case2-repo-react{border-color:#61dafb4d}.case2-repo-react:hover{border-color:#61dafb99;box-shadow:0 30px 80px #0009,0 0 60px #61dafb4d}.case2-repo-react .case2-repo-btn-label{color:#61dafb;text-shadow:0 0 20px rgba(97,218,251,.4)}.case2-repo-first{border-color:#8080804d}.case2-repo-first:hover{border-color:#80808099}.case2-repo-first .case2-repo-btn-label{color:gray;text-shadow:0 0 20px rgba(128,128,128,.4)}@media (max-width: 768px){.case2-repos-section{margin:4rem auto 3rem;padding:0 1rem}.case2-repos-title{font-size:2.5rem;margin-bottom:2rem}.case2-repos-grid{grid-template-columns:1fr;gap:1.5rem}.case2-repo-btn{padding:2rem}.case2-repo-btn-label{font-size:1.3rem}}@media (max-width: 480px){.case2-main-title{font-size:3rem;flex-direction:column;gap:.2rem}.case2-description-block{padding:1.5rem 1rem;margin:1.5rem auto}.case2-description-text{font-size:1rem;line-height:1.6}.case2-repos-title{font-size:2rem;margin-bottom:1.5rem}.case2-repo-btn{padding:1.5rem}.case2-repo-btn-content{gap:1rem}.case2-repo-icon{width:40px;height:40px}.case2-repo-btn-label{font-size:1.1rem}.case2-repo-btn-desc{font-size:.9rem}}.case3-custom{padding:2rem 0}.case3-container{max-width:1600px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.case3-main-title{font-family:Impact,Arial Black,sans-serif;font-size:8rem;font-weight:900;line-height:.9;margin:4rem 0 2rem;text-align:center;letter-spacing:-.02em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap}.case3-title-ferma{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5);will-change:text-shadow}.case3-title-ai{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.5);will-change:text-shadow}.case3-title-shorts{color:#4ecdc4;text-shadow:0 0 20px rgba(78,205,196,.5);will-change:text-shadow}@media (max-width: 1200px){.case3-main-title{font-size:6rem}}@media (max-width: 768px){.case3-main-title{font-size:4rem;gap:.5rem}}.case3-description-block{max-width:1000px;margin:4rem auto;padding:0;text-align:center}.case3-description-text{font-size:1.6rem;line-height:2;color:#fff;margin:0;font-weight:300;letter-spacing:.02em}.case3-highlight{color:#4ecdc4;font-weight:600}.case3-videos-section{margin:5rem auto;max-width:1400px;padding:0}.case3-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0}.case3-video-item{position:relative;width:100%;padding-bottom:177.78%;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0006;transition:transform .3s ease;background:#000;will-change:transform;transform:translateZ(0)}.case3-video-item:hover{transform:translateY(-5px) translateZ(0)}.case3-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:20px}.case3-concept-block{max-width:1000px;margin:4rem auto;padding:3rem;text-align:center}.case3-concept-title{font-size:3rem;font-weight:800;color:#fff;margin:0 0 2rem;text-transform:uppercase;letter-spacing:.1em;font-family:Impact,Arial Black,sans-serif}.case3-concept-text{font-size:1.4rem;line-height:1.9;color:#fff;margin:0;font-weight:300;letter-spacing:.02em}.case3-highlight-red{color:#ff6b6b;font-weight:700}.case3-highlight-green{color:#4ade80;font-weight:600}.case3-highlight-blue{color:#4ecdc4;font-weight:600}.case3-highlight-purple{color:#a78bfa;font-weight:600}@media (max-width: 768px){.case3-description-block{padding:2rem 1.5rem;margin:2rem auto}.case3-description-text{font-size:1.2rem}.case3-videos-section{margin:3rem auto;padding:0 1rem}.case3-videos-grid{grid-template-columns:1fr;gap:1.5rem}.case3-video-item,.case3-video-iframe{border-radius:16px}.case3-concept-block{padding:2rem 1.5rem;margin:3rem auto}.case3-concept-title{font-size:2.5rem;margin-bottom:1.5rem}.case3-concept-text{font-size:1.2rem}}.case3-tech-section{max-width:1000px;margin:5rem auto;padding:0}.case3-tech-section-title{font-size:3rem;font-weight:800;color:#fff;text-align:center;margin:0 0 3rem;text-transform:uppercase;letter-spacing:.1em;font-family:Impact,Arial Black,sans-serif}.case3-tech-block{margin-bottom:3rem;text-align:center;position:relative}.case3-tech-block:last-of-type{margin-bottom:0}.case3-tech-block:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#4ecdc4 20%,#ff6b6b 50%,#4ecdc4 80%,transparent)}.case3-tech-block:last-of-type:after{display:none}.case3-tech-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;font-family:Impact,Arial Black,sans-serif}.case3-tech-text{font-size:1.3rem;line-height:1.9;color:#fff;font-weight:300;letter-spacing:.02em;max-width:900px;margin:0 auto}.case3-repo-section{margin:5rem auto 4rem;max-width:600px;padding:0}.case3-repo-btn{display:block;text-decoration:none;background:linear-gradient(135deg,#000c,#141414e6,#000c);border:2px solid rgba(78,205,196,.3);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #4ecdc41a}.case3-repo-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,205,196,.1),transparent);transition:left .5s ease}.case3-repo-btn:hover:before{left:100%}.case3-repo-btn:hover{transform:translateY(-8px);border-color:#4ecdc499;box-shadow:0 30px 80px #0009,0 0 60px #4ecdc466}.case3-repo-btn-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;position:relative;z-index:1}.case3-repo-icon{width:48px;height:48px;color:#fff;flex-shrink:0;transition:transform .3s ease}.case3-repo-btn:hover .case3-repo-icon{transform:scale(1.1) rotate(5deg)}.case3-repo-btn-text{flex:1;display:flex;flex-direction:column;gap:.5rem;text-align:center}.case3-repo-btn-label{font-size:1.5rem;font-weight:700;color:#4ecdc4;text-shadow:0 0 20px rgba(78,205,196,.4);letter-spacing:.02em}.case3-repo-btn-desc{font-size:1rem;color:gray;font-weight:400}.case3-repo-arrow{width:24px;height:24px;color:#fff;flex-shrink:0;transition:transform .3s ease}.case3-repo-btn:hover .case3-repo-arrow{transform:translate(5px)}@media (max-width: 768px){.case3-tech-section{margin:3rem auto}.case3-tech-section-title{font-size:2.5rem;margin-bottom:2rem}.case3-tech-block{margin-bottom:2.5rem}.case3-tech-title{font-size:2rem}.case3-tech-text{font-size:1.1rem}.case3-repo-btn{padding:2rem}.case3-repo-btn-label{font-size:1.3rem}}@media (max-width: 480px){.case3-main-title{font-size:3rem;flex-direction:column;gap:.3rem}.case3-description-block{padding:1.5rem 1rem;margin:1.5rem auto}.case3-description-text{font-size:1rem;line-height:1.7}.case3-concept-block{padding:1.5rem 1rem;margin:2rem auto}.case3-concept-title{font-size:2rem;margin-bottom:1rem}.case3-concept-text{font-size:1rem;line-height:1.7}.case3-tech-section-title{font-size:2rem;margin-bottom:1.5rem}.case3-tech-title{font-size:1.75rem}.case3-tech-text{font-size:1rem}.case3-repo-btn{padding:1.5rem}.case3-repo-btn-content{gap:1rem}.case3-repo-icon{width:40px;height:40px}.case3-repo-btn-label{font-size:1.1rem}.case3-repo-btn-desc{font-size:.9rem}}.case4-custom{min-height:100vh;padding:2rem 0 4rem}.case4-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:2}.case4-hero{text-align:center;margin:3rem 0 5rem;padding:4rem 0;position:relative}.case4-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent);border-radius:50%;filter:blur(60px);z-index:-1}.case4-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#8b5cf633,#a855f733);border:1px solid rgba(139,92,246,.4);border-radius:50px;color:#c4b5fd;font-size:.9rem;font-weight:600;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case4-hero-title{font-family:Impact,Arial Black,sans-serif;font-size:6rem;font-weight:900;line-height:.95;margin:0 0 1.5rem;letter-spacing:-.03em;display:flex;flex-direction:column;align-items:center;gap:.5rem}.case4-hero-title-main{color:#a78bfa;text-shadow:0 0 30px rgba(167,139,250,.5),0 0 60px rgba(167,139,250,.3)}.case4-hero-title-sub{color:#c4b5fd;text-shadow:0 0 30px rgba(196,181,253,.5),0 0 60px rgba(196,181,253,.3)}.case4-hero-subtitle{font-size:1.3rem;color:#fffc;font-weight:300;max-width:600px;margin:0 auto;line-height:1.6}.case4-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:4rem 0}.case4-overview-card{padding:2.5rem;background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:1px solid rgba(139,92,246,.3);border-radius:20px;text-align:center;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.case4-overview-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1),transparent);opacity:0;transition:opacity .4s ease}.case4-overview-card:hover{transform:translateY(-8px);border-color:#8b5cf699;box-shadow:0 20px 40px #8b5cf633}.case4-overview-card:hover:before{opacity:1}.case4-overview-icon{width:60px;height:60px;margin:0 auto 1.5rem;color:#a78bfa;display:flex;align-items:center;justify-content:center}.case4-overview-icon svg{width:100%;height:100%}.case4-overview-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.case4-overview-text{font-size:1rem;color:#ffffffb3;margin:0}.case4-section-title{font-size:3.5rem;font-weight:800;text-align:center;margin:5rem 0 3rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case4-process{margin:6rem 0}.case4-process-steps{max-width:900px;margin:0 auto;position:relative}.case4-process-steps:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8b5cf64d,#a855f74d)}.case4-process-step{display:flex;gap:2rem;margin-bottom:3rem;position:relative;align-items:flex-start}.case4-process-number{flex-shrink:0;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8b5cf64d,#a855f74d);border:2px solid rgba(139,92,246,.5);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#c4b5fd;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case4-process-content{flex:1;padding-top:1rem}.case4-process-title{font-size:1.8rem;font-weight:700;color:#a78bfa;margin:0 0 .75rem}.case4-process-text{font-size:1.1rem;line-height:1.7;color:#fffc;margin:0}.case4-gallery-section{margin:6rem 0}.case4-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem}.case4-gallery-item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;aspect-ratio:16 / 9;background:#0000004d;border:1px solid rgba(139,92,246,.2);transition:all .3s ease}.case4-gallery-item:hover{transform:translateY(-5px);border-color:#8b5cf680;box-shadow:0 15px 35px #8b5cf64d}.case4-gallery-img{width:100%;height:100%;object-fit:cover;display:block}.case4-gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#c4b5fd}.case4-gallery-item:hover .case4-gallery-overlay{opacity:1}.case4-gallery-overlay svg{width:60px;height:60px}.case4-gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case4-gallery-close{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:#c4b5fd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1001}.case4-gallery-close:hover{background:#8b5cf666;border-color:#8b5cf699;transform:scale(1.1)}.case4-gallery-close svg{width:24px;height:24px}.case4-gallery-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.case4-gallery-modal-img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #8b5cf64d}.case4-gallery-counter{margin-top:1.5rem;color:#c4b5fd;font-size:1.1rem;font-weight:600}.case4-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:#c4b5fd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1001}.case4-gallery-nav:hover{background:#8b5cf666;border-color:#8b5cf699;transform:translateY(-50%) scale(1.1)}.case4-gallery-nav svg{width:28px;height:28px}.case4-gallery-nav-left{left:2rem}.case4-gallery-nav-right{right:2rem}.case4-tech-section{margin:6rem 0}.case4-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:3rem}.case4-tech-card{padding:2rem;background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:1px solid rgba(139,92,246,.3);border-radius:15px;text-align:center;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case4-tech-card:hover{transform:translateY(-8px);border-color:#8b5cf699;box-shadow:0 20px 40px #8b5cf640;background:linear-gradient(135deg,#8b5cf626,#a855f726)}.case4-tech-icon{width:50px;height:50px;margin:0 auto 1.5rem;color:#a78bfa;display:flex;align-items:center;justify-content:center}.case4-tech-icon svg{width:100%;height:100%}.case4-tech-name{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .75rem}.case4-tech-desc{font-size:.95rem;line-height:1.6;color:#ffffffb3;margin:0}@media (max-width: 768px){.case4-container{padding:0 1.5rem}.case4-hero-title{font-size:3.5rem}.case4-hero-subtitle{font-size:1.1rem}.case4-section-title{font-size:2.5rem}.case4-overview{grid-template-columns:1fr}.case4-process-steps:before{left:30px}.case4-process-number{width:60px;height:60px;font-size:1.4rem}.case4-process-step{gap:1.5rem}.case4-process-title{font-size:1.5rem}.case4-gallery-grid,.case4-tech-grid{grid-template-columns:1fr}.case4-gallery-nav{width:50px;height:50px}.case4-gallery-nav-left{left:1rem}.case4-gallery-nav-right{right:1rem}}.case5-custom{padding:2rem 0}.case5-container{max-width:1600px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.case5-hero{text-align:center;margin:4rem 0 6rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.case5-custom.mounted .case5-hero{opacity:1;transform:translateY(0)}.case5-hero-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border:1px solid rgba(167,139,250,.4);border-radius:50px;color:#c4b5fd;font-size:.9rem;font-weight:600;margin-bottom:2rem;letter-spacing:.05em}.case5-hero-title{font-size:6rem;font-weight:900;line-height:1.1;margin:0 0 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;letter-spacing:-.02em}.case5-hero-title-main{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.3),0 0 60px rgba(255,255,255,.2)}.case5-hero-title-accent{color:#a78bfa;text-shadow:0 0 30px rgba(167,139,250,.5),0 0 60px rgba(167,139,250,.3),0 0 90px rgba(167,139,250,.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.case5-hero-subtitle{font-size:1.3rem;color:#ffffffb3;max-width:800px;margin:0 auto;line-height:1.6}.case5-task-section{margin:6rem 0}.case5-task-card{max-width:1000px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,#000c,#1e1e1ee6,#000c);border:2px solid rgba(167,139,250,.3);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 40px #a78bfa1a,inset 0 0 30px #0000004d;display:flex;gap:2rem;align-items:flex-start;opacity:0;transform:translateY(30px);transition:all .8s ease .2s}.case5-custom.mounted .case5-task-card{opacity:1;transform:translateY(0)}.case5-task-icon{width:60px;height:60px;flex-shrink:0;color:#a78bfa;background:#a78bfa1a;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(167,139,250,.3)}.case5-task-icon svg{width:32px;height:32px}.case5-task-content{flex:1}.case5-task-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem}.case5-task-text{font-size:1.1rem;color:#fffc;line-height:1.7;margin:0}.case5-section-title{font-size:3rem;font-weight:800;text-align:center;color:#fff;margin:0 0 3rem;letter-spacing:-.02em}.case5-challenges-section{margin:6rem 0}.case5-challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.case5-challenge-card{padding:2.5rem;background:linear-gradient(135deg,#000000b3,#141414cc);border:2px solid;border-radius:20px;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .6s ease}.case5-challenge-card.mounted{opacity:1;transform:translateY(0)}.case5-challenge-card.failed{border-color:#ef444466;background:linear-gradient(135deg,#1e0000b3,#140000cc)}.case5-challenge-card.success{border-color:#22c55e66;background:linear-gradient(135deg,#001e00b3,#001400cc)}.case5-challenge-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.case5-challenge-icon-wrapper{position:relative;margin-bottom:1.5rem}.case5-challenge-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative}.case5-challenge-icon.mitmproxy{background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#ef4444}.case5-challenge-icon.appium{background:#22c55e1a;border:2px solid rgba(34,197,94,.3);color:#22c55e}.case5-challenge-icon svg{width:36px;height:36px}.case5-challenge-status{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;border:2px solid}.case5-challenge-status.failed{background:#ef444433;border-color:#ef4444;color:#ef4444}.case5-challenge-status.success{background:#22c55e33;border-color:#22c55e;color:#22c55e}.case5-challenge-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.case5-challenge-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0}.case5-process-section{margin:6rem 0}.case5-process-flow{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.case5-process-step{display:flex;align-items:center;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,#0009,#1e1e1eb3);border:2px solid rgba(167,139,250,.2);border-radius:20px;position:relative;opacity:0;transform:translate(-30px);transition:all .6s ease}.case5-process-step.mounted{opacity:1;transform:translate(0)}.case5-process-step.active{border-color:#a78bfa80;background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);box-shadow:0 10px 30px #a78bfa33}.case5-process-step-number{font-size:3rem;font-weight:900;color:#a78bfa;min-width:100px;text-align:center;text-shadow:0 0 20px rgba(167,139,250,.5)}.case5-process-step-content{flex:1}.case5-process-step-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 .5rem}.case5-process-step-description{font-size:1.1rem;color:#ffffffb3;line-height:1.6;margin:0}.case5-process-arrow{width:40px;height:40px;color:#a78bfa;opacity:.5;flex-shrink:0}.case5-process-arrow svg{width:100%;height:100%}.case5-diagram-section{margin:6rem 0}.case5-diagram-container{max-width:1200px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,#0009,#1e1e1eb3);border:2px solid rgba(167,139,250,.3);border-radius:24px;opacity:0;transform:scale(.95);transition:all .8s ease .4s}.case5-custom.mounted .case5-diagram-container{opacity:1;transform:scale(1)}.case5-diagram{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.case5-diagram-node{flex:1;min-width:250px;padding:2.5rem;background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border:2px solid rgba(167,139,250,.3);border-radius:20px;text-align:center;position:relative;animation:float 3s ease-in-out infinite}.case5-diagram-node:nth-child(3){animation-delay:.5s}.case5-diagram-node:nth-child(5){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.case5-diagram-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#a78bfa;background:#a78bfa1a;border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(167,139,250,.3)}.case5-diagram-icon svg{width:40px;height:40px}.case5-diagram-label{font-size:1.2rem;font-weight:600;color:#fff}.case5-diagram-connection{flex:0 0 100px;display:flex;align-items:center;justify-content:center;position:relative}.case5-diagram-line{width:100%;height:3px;background:linear-gradient(90deg,transparent,#a78bfa 20%,#a78bfa 80%,transparent);position:relative;animation:flow 2s ease-in-out infinite}@keyframes flow{0%,to{opacity:.5}50%{opacity:1}}.case5-diagram-line:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:0;height:0;border-left:10px solid #a78bfa;border-top:5px solid transparent;border-bottom:5px solid transparent}.case5-tech-section{margin:6rem 0}.case5-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.case5-tech-card{padding:2rem;background:linear-gradient(135deg,#0009,#1e1e1eb3);border:2px solid rgba(167,139,250,.2);border-radius:16px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.case5-tech-card:nth-child(1){animation-delay:.1s}.case5-tech-card:nth-child(2){animation-delay:.2s}.case5-tech-card:nth-child(3){animation-delay:.3s}.case5-tech-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.case5-tech-card:hover{transform:translateY(-5px);border-color:#a78bfa80;box-shadow:0 10px 30px #a78bfa33}.case5-tech-icon{width:60px;height:60px;margin:0 auto 1.5rem;color:#a78bfa}.case5-tech-icon svg{width:100%;height:100%}.case5-tech-name{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .5rem}.case5-tech-desc{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.case5-github-section{margin:6rem 0 4rem;text-align:center}.case5-github-link{display:inline-flex;align-items:center;gap:1.5rem;padding:1.5rem 3rem;background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border:2px solid rgba(167,139,250,.4);border-radius:16px;color:#c4b5fd;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.case5-github-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(167,139,250,.2),transparent);transition:left .5s ease}.case5-github-link:hover:before{left:100%}.case5-github-link:hover{transform:translateY(-3px);border-color:#a78bfa99;box-shadow:0 10px 30px #a78bfa4d;color:#fff}.case5-github-icon{width:32px;height:32px;flex-shrink:0}.case5-github-content{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.case5-github-label{font-size:1rem;font-weight:600}.case5-github-url{font-size:.9rem;opacity:.7}.case5-github-arrow{width:24px;height:24px;flex-shrink:0;transition:transform .3s ease}.case5-github-link:hover .case5-github-arrow{transform:translate(5px)}@media (max-width: 1200px){.case5-hero-title{font-size:4.5rem}.case5-diagram{flex-direction:column}.case5-diagram-connection{flex:0 0 auto;width:100%;height:60px}.case5-diagram-line{width:3px;height:100%;background:linear-gradient(180deg,transparent,#a78bfa 20%,#a78bfa 80%,transparent)}.case5-diagram-line:after{top:100%;right:50%;transform:translate(50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #a78bfa;border-bottom:none}}@media (max-width: 768px){.case5-container{padding:0 1.5rem}.case5-hero-title{font-size:3rem;flex-direction:column;gap:.5rem}.case5-hero-subtitle{font-size:1.1rem}.case5-task-card{flex-direction:column;padding:2rem}.case5-challenges-grid{grid-template-columns:1fr}.case5-process-step{flex-direction:column;text-align:center}.case5-process-arrow{transform:rotate(90deg)}.case5-section-title{font-size:2rem}.case5-tech-grid{grid-template-columns:1fr}.case5-github-link{flex-direction:column;padding:1.5rem 2rem}}.case7-page{min-height:100vh;background:#0a0a0f;color:#fff;position:relative;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.case7-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.case7-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.case7-orb-1{width:600px;height:600px;background:linear-gradient(135deg,#ff4500,#ff6b35);top:-200px;right:-200px;animation:case7Float 20s ease-in-out infinite}.case7-orb-2{width:500px;height:500px;background:linear-gradient(135deg,red,#c00);bottom:-150px;left:-150px;animation:case7Float 25s ease-in-out infinite reverse}.case7-orb-3{width:400px;height:400px;background:linear-gradient(135deg,#ff4500,#ff8c00);top:50%;left:50%;transform:translate(-50%,-50%);animation:case7Pulse 15s ease-in-out infinite}@keyframes case7Float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes case7Pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.case7-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,69,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,69,0,.03) 1px,transparent 1px);background-size:50px 50px}.case7-container{max-width:1100px;margin:0 auto;padding:2rem;position:relative;z-index:1}.case7-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ff45001a;border:1px solid rgba(255,69,0,.3);border-radius:12px;color:#ff4500;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem}.case7-back:hover{background:#ff450033;transform:translate(-5px)}.case7-back svg{width:18px;height:18px}.case7-hero{text-align:center;padding:4rem 0 5rem;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.case7-page.mounted .case7-hero{opacity:1;transform:translateY(0)}.case7-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#f003,#ff450033);border:1px solid rgba(255,69,0,.4);border-radius:50px;color:#ff4500;font-size:.8rem;font-weight:700;letter-spacing:.15em;margin-bottom:2rem}.case7-badge svg{fill:red}.case7-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem}.case7-title-gradient{display:block;background:linear-gradient(135deg,#ff4500,#ff6b35,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case7-title-sub{display:block;color:#fff;font-size:.6em;font-weight:600;margin-top:.5rem}.case7-subtitle{font-size:1.2rem;color:#fff9;max-width:600px;margin:0 auto;line-height:1.6}.case7-section-title{font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#fff}.case7-inspiration{margin-bottom:4rem}.case7-inspiration-cards{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.case7-inspiration-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.case7-inspiration-card:hover{background:#ff45001a;border-color:#ff45004d;transform:translateY(-3px)}.case7-channel-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,red,#c00);display:flex;align-items:center;justify-content:center}.case7-channel-icon svg{width:28px;height:28px}.case7-channel-info{display:flex;flex-direction:column;gap:.25rem}.case7-channel-name{font-weight:600;font-size:1rem}.case7-channel-type{font-size:.75rem;color:#ffffff80;padding:.15rem .5rem;background:#ffffff1a;border-radius:4px;width:fit-content}.case7-channel-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ff450033;border-radius:8px;color:#ff4500;transition:all .3s ease}.case7-channel-link:hover{background:#ff4500;color:#fff}.case7-channel-link svg{width:18px;height:18px}.case7-discovery{margin-bottom:4rem}.case7-discovery-card{display:flex;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#ff45001a,#ff45000d);border:1px solid rgba(255,69,0,.2);border-radius:20px;max-width:700px;margin:0 auto}.case7-reddit-logo{width:80px;height:80px;min-width:80px;background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center}.case7-reddit-logo svg{width:50px;height:50px;fill:#fff}.case7-discovery-content h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:#ff4500}.case7-discovery-content p{color:#ffffffb3;line-height:1.6}.case7-pipeline{margin-bottom:4rem}.case7-pipeline-visual{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.case7-pipeline-step{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;position:relative;opacity:0;transform:translate(-30px);transition:all .5s cubic-bezier(.16,1,.3,1)}.case7-pipeline-step.mounted{opacity:1;transform:translate(0)}.case7-pipeline-step.active{background:#ff450026;border-color:#ff450066;box-shadow:0 0 30px #ff450033}.case7-step-icon{width:50px;height:50px;min-width:50px;background:linear-gradient(135deg,#ff45004d,#ff45001a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ff4500;transition:all .3s ease}.case7-pipeline-step.active .case7-step-icon{background:linear-gradient(135deg,#ff4500,#ff6b35);color:#fff}.case7-step-icon svg{width:26px;height:26px}.case7-step-content h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.case7-step-content p{font-size:.85rem;color:#ffffff80}.case7-step-connector{position:absolute;left:2.75rem;bottom:-1.25rem;color:#ff45004d;transform:rotate(90deg);z-index:2}.case7-step-connector svg{width:20px;height:20px}.case7-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}.case7-stat-card{text-align:center;padding:2rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px}.case7-stat-value{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#ff4500,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.case7-stat-label{font-size:.85rem;color:#ffffff80}.case7-result{margin-bottom:4rem}.case7-result-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;overflow:hidden}.case7-result-preview{display:flex;align-items:center;justify-content:center}.case7-youtube-frame{width:100%;background:#1a1a1f;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.case7-youtube-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0d0d0f;border-bottom:1px solid rgba(255,255,255,.1)}.case7-youtube-dots{display:flex;gap:6px}.case7-youtube-dots span{width:10px;height:10px;border-radius:50%;background:#fff3}.case7-youtube-dots span:first-child{background:#ff5f57}.case7-youtube-dots span:nth-child(2){background:#febc2e}.case7-youtube-dots span:last-child{background:#28c840}.case7-youtube-url{font-size:.75rem;color:#ffffff80;background:#ffffff0d;padding:.3rem .75rem;border-radius:6px;flex:1}.case7-youtube-content{padding:1.5rem}.case7-channel-banner{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.case7-channel-avatar-large{width:60px;height:60px;background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.case7-channel-details h3{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.case7-channel-details p{font-size:.8rem;color:#ffffff80}.case7-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.case7-video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#ff45004d,#ff45001a);border-radius:8px;position:relative}.case7-video-thumb:after{content:"▶";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#ffffff80}.case7-result-info{display:flex;flex-direction:column;justify-content:center;padding:1rem}.case7-mvp-badge{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.1em;width:fit-content;margin-bottom:1rem}.case7-result-info h3{font-size:1.8rem;font-weight:800;margin-bottom:1rem}.case7-result-info p{color:#fff9;line-height:1.6;margin-bottom:1.5rem}.case7-youtube-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,red,#c00);border-radius:12px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;width:fit-content}.case7-youtube-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff00004d}.case7-youtube-link svg{width:24px;height:24px}.case7-github{text-align:center;padding:3rem 0}.case7-github-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.case7-github-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-3px)}.case7-github-btn svg{width:24px;height:24px}@media (max-width: 768px){.case7-container{padding:1.5rem}.case7-stats{grid-template-columns:1fr;gap:1rem}.case7-result-card{grid-template-columns:1fr}.case7-discovery-card{flex-direction:column;text-align:center}.case7-inspiration-cards{flex-direction:column}}.case8-page{min-height:100vh;background:#0a0f1a;color:#fff;position:relative;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.case8-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.case8-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.case8-glow{position:absolute;border-radius:50%;filter:blur(120px)}.case8-glow-1{width:600px;height:600px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);top:-200px;left:-200px;opacity:.3;animation:case8Drift 20s ease-in-out infinite}.case8-glow-2{width:500px;height:500px;background:linear-gradient(135deg,#06b6d4,#0891b2);bottom:-150px;right:-150px;opacity:.25;animation:case8Drift 25s ease-in-out infinite reverse}@keyframes case8Drift{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.case8-particles{position:absolute;top:0;right:0;bottom:0;left:0}.case8-particle{position:absolute;width:4px;height:4px;background:#3b82f6;border-radius:50%;opacity:0;animation:case8Ping ease-in-out infinite}@keyframes case8Ping{0%,to{opacity:0;transform:scale(0)}50%{opacity:.6;transform:scale(1)}}.case8-container{max-width:1100px;margin:0 auto;padding:2rem;position:relative;z-index:1}.case8-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#3b82f6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem}.case8-back:hover{background:#3b82f633;transform:translate(-5px)}.case8-back svg{width:18px;height:18px}.case8-hero{text-align:center;padding:3rem 0 4rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.case8-page.mounted .case8-hero{opacity:1;transform:translateY(0)}.case8-production-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:50px;color:#22c55e;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:2rem}.case8-badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:case8Pulse 2s ease-in-out infinite}@keyframes case8Pulse{0%,to{opacity:1}50%{opacity:.4}}.case8-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.case8-title-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px}.case8-title-icon svg{width:32px;height:32px;stroke:#fff}.case8-subtitle{font-size:1.2rem;color:#fff9}.case8-highlight{color:#3b82f6;font-weight:600}.case8-section-title{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:2rem}.case8-problem{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem}.case8-problem-card,.case8-solution-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;border-radius:20px;max-width:700px;width:100%}.case8-problem-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.case8-solution-card{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.case8-problem-icon,.case8-solution-icon{width:50px;height:50px;min-width:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.case8-problem-icon{background:#ef444433;color:#ef4444}.case8-solution-icon{background:#22c55e33;color:#22c55e}.case8-problem-icon svg,.case8-solution-icon svg{width:26px;height:26px}.case8-problem-content h3,.case8-solution-content h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.case8-problem-content h3{color:#ef4444}.case8-solution-content h3{color:#22c55e}.case8-problem-content p,.case8-solution-content p{color:#ffffffb3;line-height:1.6;font-size:.95rem}.case8-arrow{color:#3b82f680}.case8-arrow svg{width:24px;height:24px}.case8-demo{margin-bottom:4rem}.case8-demo-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.case8-browser-frame{width:100%;max-width:900px;background:#1a1f2e;border-radius:16px;overflow:hidden;border:1px solid rgba(59,130,246,.2);box-shadow:0 25px 80px #00000080}.case8-browser-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0d1117;border-bottom:1px solid rgba(255,255,255,.1)}.case8-browser-dots{display:flex;gap:6px}.case8-browser-dots span{width:12px;height:12px;border-radius:50%}.case8-browser-dots span:first-child{background:#ff5f57}.case8-browser-dots span:nth-child(2){background:#febc2e}.case8-browser-dots span:last-child{background:#28c840}.case8-browser-url{flex:1;font-size:.8rem;color:#ffffff80;background:#ffffff0d;padding:.4rem 1rem;border-radius:8px;text-align:center}.case8-browser-content{position:relative;aspect-ratio:16/9;overflow:hidden}.case8-screenshot{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}.case8-demo-nav{display:flex;gap:.75rem}.case8-demo-dot{width:12px;height:12px;border-radius:50%;background:#3b82f64d;border:none;cursor:pointer;transition:all .3s ease}.case8-demo-dot.active{background:#3b82f6;transform:scale(1.2)}.case8-demo-dot:hover:not(.active){background:#3b82f680}.case8-features{margin-bottom:4rem}.case8-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.case8-feature-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;text-align:center;opacity:0;transform:translateY(20px);animation:case8FadeUp .6s ease forwards}@keyframes case8FadeUp{to{opacity:1;transform:translateY(0)}}.case8-feature-icon{width:50px;height:50px;margin:0 auto 1rem;background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.case8-feature-icon svg{width:24px;height:24px}.case8-feature-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.case8-feature-card p{font-size:.85rem;color:#ffffff80;line-height:1.5}.case8-workflow{margin-bottom:4rem}.case8-workflow-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.case8-workflow-step{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px}.case8-step-num{font-size:1.5rem;font-weight:900;color:#3b82f6;font-family:SF Mono,monospace}.case8-step-text{font-size:.9rem;color:#fffc;max-width:200px}.case8-workflow-connector{width:30px;height:2px;background:linear-gradient(90deg,#3b82f6 0%,transparent 100%)}.case8-impact{padding:2rem 0}.case8-impact-card{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#3b82f626,#06b6d41a);border:1px solid rgba(59,130,246,.3);border-radius:24px}.case8-impact-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:20px;display:flex;align-items:center;justify-content:center}.case8-impact-icon svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:2}.case8-impact-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.case8-impact-card p{color:#fff9;max-width:500px;margin:0 auto;line-height:1.6}@media (max-width: 900px){.case8-features-grid{grid-template-columns:repeat(2,1fr)}.case8-workflow-steps{flex-direction:column}.case8-workflow-connector{width:2px;height:20px;background:linear-gradient(180deg,#3b82f6 0%,transparent 100%)}.case8-step-text{max-width:none}}@media (max-width: 600px){.case8-container{padding:1.5rem}.case8-features-grid{grid-template-columns:1fr}.case8-problem-card,.case8-solution-card{flex-direction:column;text-align:center}.case8-title{flex-direction:column}}.case9-page{min-height:100vh;background:#0a0a12;color:#fff;position:relative;overflow-x:hidden;font-family:JetBrains Mono,SF Mono,monospace}.case9-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.case9-scan-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.03) 2px,rgba(0,255,136,.03) 4px);animation:case9Flicker .15s infinite}@keyframes case9Flicker{0%,to{opacity:1}50%{opacity:.98}}.case9-glow{position:absolute;border-radius:50%;filter:blur(100px)}.case9-glow-1{width:500px;height:500px;background:#0f8;top:-200px;left:-100px;opacity:.15;animation:case9Float 20s ease-in-out infinite}.case9-glow-2{width:400px;height:400px;background:#00d4ff;bottom:-100px;right:-100px;opacity:.1;animation:case9Float 25s ease-in-out infinite reverse}@keyframes case9Float{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.case9-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,136,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.05) 1px,transparent 1px);background-size:60px 60px}.case9-container{max-width:1100px;margin:0 auto;padding:2rem;position:relative;z-index:1}.case9-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem;font-family:inherit}.case9-back:hover{background:#0f83;transform:translate(-5px)}.case9-back svg{width:18px;height:18px}.case9-hero{text-align:center;padding:3rem 0 4rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.case9-page.mounted .case9-hero{opacity:1;transform:translateY(0)}.case9-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ff881a;border:1px solid rgba(0,255,136,.4);border-radius:4px;color:#0f8;font-size:.7rem;font-weight:600;letter-spacing:.2em;margin-bottom:2rem}.case9-badge svg{width:16px;height:16px}.case9-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.case9-title-accent{display:block;color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.5)}.case9-subtitle{font-size:1rem;color:#ffffff80;font-weight:400}.case9-section-title{font-size:1.4rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#fff}.case9-about{margin-bottom:4rem}.case9-about-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:12px;max-width:700px;margin:0 auto}.case9-about-icon{width:50px;height:50px;min-width:50px;background:#00ff8826;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0f8}.case9-about-icon svg{width:24px;height:24px}.case9-about-card p{color:#ffffffb3;line-height:1.7;font-family:Inter,sans-serif}.case9-demo{margin-bottom:4rem}.case9-flow{display:flex;align-items:stretch;gap:1rem;overflow-x:auto;padding:1rem 0}.case9-flow-step{flex:1;min-width:250px}.case9-step-label{font-size:.7rem;color:#00ff88b3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;text-align:center}.case9-flow-arrow{display:flex;align-items:center;color:#0f86;animation:case9Pulse 2s ease-in-out infinite}@keyframes case9Pulse{0%,to{opacity:.4}50%{opacity:1}}.case9-flow-arrow svg{width:24px;height:24px}.case9-image-frame{position:relative;background:#1a1a24;border:1px solid rgba(0,255,136,.3);border-radius:8px;overflow:hidden;box-shadow:0 0 30px #00ff881a}.case9-image-frame img{width:100%;height:auto;display:block}.case9-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.case9-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00ff88,transparent);box-shadow:0 0 20px #0f8;animation:case9Scan 3s linear infinite}@keyframes case9Scan{0%{top:-3px}to{top:100%}}.case9-code-block{background:#0d0d14;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;height:100%}.case9-code-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.case9-code-method{padding:.25rem .5rem;background:#0f8;color:#0a0a12;border-radius:4px;font-size:.7rem;font-weight:700}.case9-code-endpoint{color:#fff9;font-size:.8rem}.case9-code-status{padding:.25rem .5rem;background:#0f83;color:#0f8;border-radius:4px;font-size:.7rem;font-weight:600}.case9-code-content{padding:1rem;margin:0;font-size:.75rem;line-height:1.6;color:#e0e0e0;white-space:pre-wrap;word-break:break-word}.case9-code-response{border-color:#00ff884d}.case9-flow-response{opacity:0;transform:translate(20px);transition:all .6s ease}.case9-flow-response.visible{opacity:1;transform:translate(0)}.case9-pipeline{margin-bottom:4rem}.case9-pipeline-visual{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.case9-pipe-step{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:12px;min-width:100px}.case9-pipe-icon{width:45px;height:45px;background:#00ff8826;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0f8}.case9-pipe-icon svg{width:22px;height:22px}.case9-pipe-step span{font-size:.8rem;color:#ffffffb3}.case9-pipe-connector{width:40px;height:2px;background:linear-gradient(90deg,#0f8,#0f83)}.case9-tech{margin-bottom:4rem}.case9-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.case9-tech-card{padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-align:center;opacity:0;animation:case9FadeIn .5s ease forwards}@keyframes case9FadeIn{to{opacity:1}}.case9-tech-name{font-size:1rem;font-weight:600;color:#0f8;margin-bottom:.5rem}.case9-tech-desc{font-size:.75rem;color:#ffffff80;font-family:Inter,sans-serif}.case9-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem}.case9-feature-card{padding:2rem;background:#00ff8808;border:1px solid rgba(0,255,136,.15);border-radius:16px}.case9-feature-icon{width:50px;height:50px;background:#00ff8826;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0f8;margin-bottom:1rem}.case9-feature-icon svg{width:24px;height:24px}.case9-feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.case9-feature-card p{font-size:.9rem;color:#fff9;line-height:1.6;font-family:Inter,sans-serif}.case9-github{text-align:center;padding:2rem 0}.case9-github-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#00ff881a;border:1px solid rgba(0,255,136,.4);border-radius:8px;color:#0f8;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease;font-family:inherit}.case9-github-btn:hover{background:#0f83;box-shadow:0 0 30px #0f83;transform:translateY(-3px)}.case9-github-btn svg{width:22px;height:22px}@media (max-width: 900px){.case9-flow{flex-direction:column;align-items:center}.case9-flow-arrow{transform:rotate(90deg)}.case9-flow-step{width:100%;max-width:400px}.case9-tech-grid{grid-template-columns:repeat(2,1fr)}.case9-features{grid-template-columns:1fr}.case9-pipeline-visual{flex-direction:column}.case9-pipe-connector{width:2px;height:30px;background:linear-gradient(180deg,#0f8,#0f83)}}@media (max-width: 600px){.case9-container{padding:1.5rem}.case9-tech-grid{grid-template-columns:1fr}.case9-about-card{flex-direction:column;text-align:center}}.case10-page{min-height:100vh;background:#0a0a14;color:#fff;position:relative;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.case10-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.case10-radar{position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,transparent 30%,rgba(139,92,246,.05) 31%,transparent 32%),radial-gradient(circle,transparent 50%,rgba(139,92,246,.03) 51%,transparent 52%),radial-gradient(circle,transparent 70%,rgba(139,92,246,.02) 71%,transparent 72%)}.case10-radar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(139,92,246,.15) 30deg,transparent 60deg);animation:case10Radar 4s linear infinite;border-radius:50%}@keyframes case10Radar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.case10-glow{position:absolute;border-radius:50%;filter:blur(100px)}.case10-glow-1{width:500px;height:500px;background:#8b5cf6;top:-200px;right:-100px;opacity:.15}.case10-glow-2{width:400px;height:400px;background:#06b6d4;bottom:-100px;left:-100px;opacity:.1}.case10-particles{position:absolute;top:0;right:0;bottom:0;left:0}.case10-particle{position:absolute;width:3px;height:3px;background:#8b5cf6;border-radius:50%;animation:case10Float 6s ease-in-out infinite}@keyframes case10Float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.5);opacity:.8}}.case10-container{max-width:1100px;margin:0 auto;padding:2rem;position:relative;z-index:1}.case10-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#8b5cf6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem}.case10-back:hover{background:#8b5cf633;transform:translate(-5px)}.case10-back svg{width:18px;height:18px}.case10-hero{text-align:center;padding:3rem 0 4rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.case10-page.mounted .case10-hero{opacity:1;transform:translateY(0)}.case10-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);border-radius:50px;color:#fbbf24;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:2rem}.case10-status-pulse{width:8px;height:8px;background:#fbbf24;border-radius:50%;animation:case10Pulse 2s ease-in-out infinite}@keyframes case10Pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.case10-drone-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;animation:case10Hover 3s ease-in-out infinite}@keyframes case10Hover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.case10-drone-icon svg{width:40px;height:40px}.case10-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.case10-title-highlight{display:block;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.case10-subtitle{font-size:1.1rem;color:#ffffff80}.case10-section-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem}.case10-program{margin-bottom:4rem}.case10-program-card{padding:2rem;background:linear-gradient(135deg,#8b5cf61a,#06b6d40d);border:1px solid rgba(139,92,246,.2);border-radius:20px;text-align:center;max-width:700px;margin:0 auto}.case10-program-badge{display:inline-block;padding:.3rem .75rem;background:#8b5cf633;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:#8b5cf6;margin-bottom:1rem}.case10-program-card h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.case10-program-card p{color:#fff9;line-height:1.7;margin-bottom:1.5rem}.case10-program-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:10px;color:#8b5cf6;font-weight:600;text-decoration:none;transition:all .3s ease}.case10-program-link:hover{background:#8b5cf64d;transform:translateY(-2px)}.case10-program-link svg{width:16px;height:16px}.case10-products{margin-bottom:4rem}.case10-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;margin:0 auto}.case10-product-card{padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-align:center;position:relative}.case10-product-highlight{background:#8b5cf61a;border-color:#8b5cf666}.case10-my-role{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.25rem .75rem;background:#8b5cf6;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.05em}.case10-product-icon{width:60px;height:60px;margin:0 auto 1rem;background:#8b5cf626;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#8b5cf6}.case10-product-icon svg{width:28px;height:28px}.case10-product-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.case10-product-card p{font-size:.85rem;color:#ffffff80}.case10-team{margin-bottom:4rem}.case10-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.case10-team-card{padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-align:center;opacity:0;animation:case10FadeIn .5s ease forwards}@keyframes case10FadeIn{to{opacity:1}}.case10-team-icon{width:45px;height:45px;margin:0 auto .75rem;background:#8b5cf626;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8b5cf6}.case10-team-icon svg{width:22px;height:22px}.case10-team-card h4{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.case10-team-card p{font-size:.75rem;color:#ffffff80}.case10-meetings{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#8b5cf61a;border-radius:10px;color:#ffffffb3;font-size:.9rem}.case10-meetings svg{width:20px;height:20px;color:#8b5cf6}.case10-goal{margin-bottom:4rem}.case10-goal-card{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px}.case10-vs{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.case10-vs-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;border-radius:12px}.case10-vs-old{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.case10-vs-new{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.case10-vs-item span:first-child{font-size:1.1rem;font-weight:700}.case10-vs-label{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.case10-vs-arrow{font-size:1.5rem;color:#8b5cf6}.case10-advantages{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.case10-advantage{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#22c55e0d;border-radius:8px}.case10-advantage svg{width:20px;height:20px;color:#22c55e;min-width:20px}.case10-advantage span{font-size:.9rem;color:#fffc}.case10-status-section{padding:2rem 0}.case10-active-card{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#fbbf241a,#8b5cf61a);border:1px solid rgba(251,191,36,.3);border-radius:20px}.case10-active-indicator{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.case10-active-indicator span{width:12px;height:12px;background:#fbbf24;border-radius:50%;animation:case10Wave 1.5s ease-in-out infinite}.case10-active-indicator span:nth-child(2){animation-delay:.2s}.case10-active-indicator span:nth-child(3){animation-delay:.4s}@keyframes case10Wave{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}}.case10-active-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.case10-active-card p{color:#fff9;max-width:500px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.case10-team-grid{grid-template-columns:repeat(2,1fr)}.case10-products-grid,.case10-advantages{grid-template-columns:1fr}.case10-vs{flex-direction:column}.case10-vs-arrow{transform:rotate(90deg)}}@media (max-width: 500px){.case10-container{padding:1.5rem}.case10-team-grid{grid-template-columns:1fr}}.case11-page{min-height:100vh;background:#0a0a0a;color:#fff;position:relative;overflow-x:hidden;font-family:JetBrains Mono,Fira Code,monospace}.case11-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.case11-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.03) 1px,transparent 1px);background-size:40px 40px}.case11-glow{position:absolute;border-radius:50%;filter:blur(150px)}.case11-glow-1{width:500px;height:500px;background:#00ff41;top:-200px;left:-100px;opacity:.08}.case11-glow-2{width:400px;height:400px;background:#00ff41;bottom:-100px;right:-100px;opacity:.06}.case11-glow-3{width:300px;height:300px;background:#00ff41;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.04}.case11-floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;font-family:monospace;font-size:14px;color:#00ff4126}.case11-shape{position:absolute;animation:case11Float 10s ease-in-out infinite}.case11-shape:before{content:"01"}.case11-shape:nth-child(odd):before{content:"10"}.case11-shape:nth-child(3n):before{content:"11"}@keyframes case11Float{0%,to{transform:translateY(0);opacity:.15}50%{transform:translateY(-20px);opacity:.4}}.case11-container{max-width:1000px;margin:0 auto;padding:2rem;position:relative;z-index:1}.case11-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:4px;color:#00ff41;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem;font-family:inherit}.case11-back:hover{background:#00ff411a;transform:translate(-5px);box-shadow:0 0 20px #00ff4133}.case11-back svg{width:18px;height:18px}.case11-hero{text-align:center;padding:2rem 0 4rem;opacity:0;transform:translateY(30px);animation:case11FadeIn .8s ease forwards}@keyframes case11FadeIn{to{opacity:1;transform:translateY(0)}}.case11-logo-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem}.case11-logo{font-size:clamp(3rem,10vw,5rem);font-weight:900;letter-spacing:-.02em}.case11-logo-it{color:#00ff41;text-shadow:0 0 30px rgba(0,255,65,.5),0 0 60px rgba(0,255,65,.3)}.case11-logo-dash,.case11-logo-center{color:#fff}.case11-logo-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(0,255,65,.2) 0%,transparent 70%);filter:blur(30px);z-index:-1}.case11-tagline{font-size:1rem;color:#ffffff80;margin-bottom:1.5rem;font-family:inherit}.case11-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ff411a;border:1px solid rgba(0,255,65,.4);border-radius:4px;color:#00ff41;font-size:.7rem;font-weight:700;letter-spacing:.1em}.case11-badge-pulse{width:8px;height:8px;background:#00ff41;border-radius:50%;animation:case11Pulse 2s ease-in-out infinite;box-shadow:0 0 10px #00ff41}@keyframes case11Pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.case11-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}.case11-stat-card{text-align:center;padding:2rem 1rem;background:#00ff4105;border:1px solid rgba(0,255,65,.15);border-radius:4px;opacity:0;animation:case11FadeIn .6s ease forwards;position:relative}.case11-stat-card:before{content:"// stats";position:absolute;top:8px;left:10px;font-size:.6rem;color:#00ff414d}.case11-stat-number{font-size:2.5rem;font-weight:800;color:#00ff41;text-shadow:0 0 20px rgba(0,255,65,.4);margin-bottom:.5rem}.case11-stat-label{font-size:.8rem;color:#ffffff80}.case11-about{margin-bottom:4rem}.case11-about-card{padding:2rem;background:#00ff4105;border:1px solid rgba(0,255,65,.2);border-radius:4px;position:relative}.case11-about-card:before{content:"/** О команде */";position:absolute;top:-12px;left:20px;background:#0a0a0a;padding:0 10px;font-size:.75rem;color:#00ff41}.case11-about-card h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.case11-about-card p{font-size:.95rem;line-height:1.8;color:#ffffffb3;margin-bottom:1.5rem}.case11-highlight{color:#00ff41;font-weight:600}.case11-roles{display:flex;flex-wrap:wrap;gap:.75rem}.case11-role-tag{padding:.5rem 1rem;background:#00ff4114;border:1px solid rgba(0,255,65,.25);border-radius:4px;font-size:.8rem;color:#00ff41;font-weight:500}.case11-role-tag:before{content:"> ";opacity:.5}.case11-section-title{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#fff}.case11-title-accent{color:#00ff41;text-shadow:0 0 20px rgba(0,255,65,.4)}.case11-section-subtitle{text-align:center;color:#fff6;margin-bottom:2rem;font-size:.9rem}.case11-projects{margin-bottom:4rem}.case11-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.case11-project-card{padding:1.5rem;background:#00ff4105;border:1px solid rgba(0,255,65,.1);border-radius:4px;position:relative;overflow:hidden;opacity:0;animation:case11FadeIn .6s ease forwards;transition:all .3s ease}.case11-project-card:before{content:"01010101";position:absolute;bottom:10px;right:10px;font-size:.6rem;color:#00ff411a;letter-spacing:2px}.case11-project-card:hover{background:#00ff410d;border-color:#00ff4166;transform:translateY(-3px);box-shadow:0 10px 30px #00ff411a}.case11-project-tag{display:inline-block;padding:.25rem .6rem;background:#00ff4126;border-radius:2px;font-size:.65rem;font-weight:600;color:#00ff41;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}.case11-project-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:#fff}.case11-project-card p{font-size:.8rem;color:#ffffff80;line-height:1.5}.case11-more-projects{text-align:center;margin-top:1.5rem;color:#00ff4166;font-style:italic;font-size:.9rem}.case11-tech{margin-bottom:4rem}.case11-tech-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#00ff4108;border:1px solid rgba(0,255,65,.2);border-radius:4px}.case11-tech-icon{width:60px;height:60px;background:#00ff411a;border:1px solid rgba(0,255,65,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#00ff41;flex-shrink:0}.case11-tech-icon svg{width:28px;height:28px}.case11-tech-content h3{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;color:#fff}.case11-tech-content p{font-size:.85rem;color:#ffffff80}.case11-cta{padding:2rem 0}.case11-cta-button{display:block;position:relative;padding:1.5rem 2rem;background:#00ff410d;border:2px solid #00ff41;border-radius:4px;text-decoration:none;color:#fff;overflow:hidden;transition:all .3s ease}.case11-cta-button:hover{transform:translateY(-3px);background:#00ff411a;box-shadow:0 0 40px #00ff414d,inset 0 0 40px #00ff410d}.case11-cta-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,65,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.case11-cta-button:hover .case11-cta-glow{opacity:1}.case11-cta-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.case11-cta-icon{width:50px;height:50px;background:#00ff41;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0a0a0a}.case11-cta-icon svg{width:24px;height:24px}.case11-cta-text{flex:1}.case11-cta-label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;color:#fff}.case11-cta-url{display:block;font-size:.85rem;color:#00ff41}.case11-cta-arrow{width:24px;height:24px;color:#00ff41;transition:transform .3s ease}.case11-cta-button:hover .case11-cta-arrow{transform:translate(5px)}@media (max-width: 768px){.case11-stats{grid-template-columns:1fr;gap:1rem}.case11-projects-grid{grid-template-columns:1fr}.case11-tech-card,.case11-cta-content{flex-direction:column;text-align:center}.case11-cta-arrow{display:none}}@media (max-width: 500px){.case11-container{padding:1.5rem}.case11-logo{font-size:2.5rem}}.case12-page{min-height:100vh;background:#000;color:#fff;position:relative;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.case12-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.case12-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px)}.case12-orb-1{width:600px;height:600px;background:linear-gradient(135deg,#ff6b6b,#feca57);top:-300px;left:-200px;opacity:.4}.case12-orb-2{width:500px;height:500px;background:linear-gradient(135deg,#5f27cd,#341f97);bottom:-200px;right:-150px;opacity:.5}.case12-orb-3{width:400px;height:400px;background:linear-gradient(135deg,#00d2d3,#54a0ff);top:40%;left:60%;opacity:.3}.case12-noise{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03}.case12-container{max-width:900px;margin:0 auto;padding:2rem;position:relative;z-index:1}.case12-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff14;border:none;border-radius:100px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case12-back:hover{background:#ffffff26;transform:translate(-5px)}.case12-back svg{width:18px;height:18px}.case12-hero{text-align:center;padding:2rem 0 3rem;opacity:0;transform:translateY(30px);animation:case12FadeIn .8s ease forwards}@keyframes case12FadeIn{to{opacity:1;transform:translateY(0)}}.case12-app-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 40px #ff6b6b4d}.case12-app-icon svg{width:40px;height:40px}.case12-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem;line-height:1.1}.case12-title-accent{display:block;background:linear-gradient(135deg,#ff6b6b,#feca57,#ff6b6b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:case12Gradient 3s ease infinite}@keyframes case12Gradient{0%,to{background-position:0% center}50%{background-position:100% center}}.case12-subtitle{font-size:1.1rem;color:#fff9;margin-bottom:1.5rem}.case12-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.case12-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600}.case12-badge-ios{background:#ffffff1a;color:#fff}.case12-badge-status{background:#2ed57326;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.case12-status-dot{width:6px;height:6px;background:#2ed573;border-radius:50%;animation:case12Pulse 2s ease-in-out infinite}@keyframes case12Pulse{0%,to{opacity:1}50%{opacity:.4}}.case12-showcase{padding:3rem 0;display:flex;flex-direction:column;align-items:center}.case12-phone-wrapper{position:relative}.case12-phone{width:280px;height:580px;background:#1a1a1a;border-radius:50px;padding:12px;position:relative;box-shadow:0 50px 100px #00000080,inset 0 0 0 2px #ffffff1a}.case12-phone-notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:120px;height:30px;background:#000;border-radius:20px;z-index:10}.case12-phone-screen{width:100%;height:100%;background:#000;border-radius:40px;overflow:hidden;position:relative}.case12-screen-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.case12-screen-img.active{opacity:1}.case12-phone-glow{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background:radial-gradient(circle at 50% 30%,rgba(255,107,107,.3) 0%,transparent 60%);z-index:-1;filter:blur(30px)}.case12-screen-dots{display:flex;gap:.5rem;margin-top:1.5rem}.case12-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .3s ease}.case12-dot.active{background:#ff6b6b;width:24px;border-radius:4px}.case12-about{padding:3rem 0}.case12-about-content{padding:2rem;background:#ffffff08;border-radius:24px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case12-about-content h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.case12-about-content p{font-size:1rem;line-height:1.8;color:#ffffffb3}.case12-highlight{color:#2ed573;font-weight:600}.case12-section-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem}.case12-stack{padding:2rem 0}.case12-stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case12-stack-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.case12-stack-card:hover{background:#ffffff0f;transform:translateY(-3px)}.case12-stack-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff6b6b33,#feca5733);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#feca57;flex-shrink:0}.case12-stack-icon svg{width:24px;height:24px}.case12-stack-info h3{font-size:.95rem;font-weight:600;margin-bottom:.2rem}.case12-stack-info p{font-size:.75rem;color:#ffffff80}.case12-roadmap{padding:3rem 0}.case12-roadmap-track{display:flex;flex-direction:column;gap:0;position:relative;padding-left:30px}.case12-roadmap-track:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#2ed573,#2ed573 25%,#ffffff1a 25%)}.case12-roadmap-item{display:flex;gap:1.5rem;padding:1.5rem 0;position:relative}.case12-roadmap-marker{position:absolute;left:-30px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border:2px solid rgba(255,255,255,.1)}.case12-roadmap-done .case12-roadmap-marker{background:#2ed573;border-color:#2ed573}.case12-roadmap-done .case12-roadmap-marker svg{width:14px;height:14px;color:#fff}.case12-roadmap-current .case12-roadmap-marker{border-color:#feca57;background:#feca5733}.case12-roadmap-pulse{width:8px;height:8px;background:#feca57;border-radius:50%;animation:case12Pulse 1.5s ease-in-out infinite}.case12-roadmap-content{flex:1}.case12-roadmap-phase{display:inline-block;padding:.2rem .6rem;background:#ffffff14;border-radius:4px;font-size:.7rem;font-weight:600;margin-bottom:.5rem;color:#fff9}.case12-roadmap-done .case12-roadmap-phase{background:#2ed57326;color:#2ed573}.case12-roadmap-current .case12-roadmap-phase{background:#feca5726;color:#feca57}.case12-roadmap-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.case12-roadmap-content p{font-size:.85rem;color:#ffffff80}.case12-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 0}.case12-feature-card{padding:2rem;background:#ffffff08;border-radius:24px;border:1px solid rgba(255,255,255,.06);text-align:center;transition:all .3s ease}.case12-feature-card:hover{background:#ffffff0f;transform:translateY(-5px)}.case12-feature-icon{width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,#ff6b6b26,#feca5726);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#feca57}.case12-feature-icon svg{width:28px;height:28px}.case12-feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.case12-feature-card p{font-size:.85rem;color:#ffffff80;line-height:1.5}@media (max-width: 768px){.case12-stack-grid,.case12-features{grid-template-columns:1fr}.case12-phone{width:240px;height:500px}}@media (max-width: 500px){.case12-container{padding:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-overflow-scrolling:touch;overflow-x:hidden;width:100%;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100vw;position:relative;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0)}#root{width:100%;min-height:100vh;max-width:100vw;overflow-x:hidden;position:relative}