@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);[data-v-1ae81183]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-1ae81183]{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#e0e0e0;line-height:1.6;min-height:100vh}header[data-v-1ae81183]{background:rgba(10,14,39,.9);border-bottom:2px solid #fff;padding:2rem 1rem;text-align:center;-webkit-box-shadow:0 4px 20px rgba(0,255,157,.2);box-shadow:0 4px 20px rgba(0,255,157,.2)}header h1[data-v-1ae81183]{font-size:2.5rem;color:#fff;text-shadow:0 0 20px rgba(0,177,138,.5);margin-bottom:.5rem}header p[data-v-1ae81183]{font-size:1.1rem;color:#5c5f63}nav[data-v-1ae81183]{background:rgba(28,28,28,.8);padding:1rem;text-align:center;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,177,138,.3)}nav button[data-v-1ae81183]{background:transparent;color:#fff;border:2px solid transparent;padding:.7rem 1.5rem;margin:0 .5rem;font-weight:600;font-size:1rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:6px;font-family:inherit}nav button[data-v-1ae81183]:hover{color:#00a7c1;text-shadow:0 0 10px rgba(0,167,193,.8);border-color:#00a7c1;-webkit-transform:translateY(-2px);transform:translateY(-2px)}nav button.active[data-v-1ae81183]{background:linear-gradient(135deg,rgba(0,255,157,.2),rgba(0,212,255,.2));border-color:#fff;color:#fff}main[data-v-1ae81183]{max-width:1600px;margin:0 auto;padding:3rem 1rem}section[data-v-1ae81183]{display:none;-webkit-animation:fadeIn-data-v-1ae81183 .5s ease-in;animation:fadeIn-data-v-1ae81183 .5s ease-in}section.active[data-v-1ae81183]{display:block}@-webkit-keyframes fadeIn-data-v-1ae81183{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-data-v-1ae81183{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}section h2[data-v-1ae81183]{font-size:2.2rem;color:#fff;margin-bottom:1rem;text-align:center;text-shadow:0 0 15px rgba(0,177,138,.4)}.section-intro[data-v-1ae81183]{text-align:center;max-width:800px;margin:0 auto 3rem;font-size:1.1rem;color:#b0b0b0;line-height:1.8}.cards-grid[data-v-1ae81183]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-top:2rem}.card[data-v-1ae81183]{background:rgba(26,31,58,.6);border:2px solid rgba(0,177,138,.3);border-radius:12px;padding:2rem;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;-webkit-perspective:1000px;perspective:1000px}.card[data-v-1ae81183]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:-webkit-gradient(linear,left top,right top,from(#fff),to(#00d4ff));background:linear-gradient(90deg,#fff,#00d4ff);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card[data-v-1ae81183]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);border-color:#fff;-webkit-box-shadow:0 10px 30px rgba(0,177,138,.3);box-shadow:0 10px 30px rgba(0,177,138,.3)}.card[data-v-1ae81183]:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.card-front[data-v-1ae81183]{display:block}.card-back[data-v-1ae81183],.card.flipped .card-front[data-v-1ae81183]{display:none}.card.flipped .card-back[data-v-1ae81183]{display:block;-webkit-animation:flipIn-data-v-1ae81183 .4s ease;animation:flipIn-data-v-1ae81183 .4s ease}@-webkit-keyframes flipIn-data-v-1ae81183{0%{opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes flipIn-data-v-1ae81183{0%{opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0)}}.card-number[data-v-1ae81183]{display:inline-block;width:50px;height:50px;background:linear-gradient(135deg,#fff,#00d4ff);color:#0a0e27;border-radius:50%;text-align:center;line-height:50px;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-icon[data-v-1ae81183]{font-size:2.5rem;margin-bottom:1rem;display:block}.card h3[data-v-1ae81183]{font-size:1.5rem;color:#00a7c1;margin-bottom:.5rem}.card-summary[data-v-1ae81183]{color:#5c5f63;margin-bottom:1rem;font-style:italic;line-height:1.6}.click-hint[data-v-1ae81183]{display:inline-block;background:rgba(0,177,138,.1);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;margin-top:1rem;border:1px solid rgba(0,177,138,.3)}.back-btn[data-v-1ae81183]{background:linear-gradient(135deg,rgba(0,177,138,.2),rgba(0,212,255,.2));color:#fff;border:2px solid #fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;margin-bottom:1.5rem;-webkit-transition:all .3s ease;transition:all .3s ease;font-family:inherit;font-size:.9rem}.back-btn[data-v-1ae81183]:hover{background:rgba(0,177,138,.3);-webkit-transform:translateX(-5px);transform:translateX(-5px)}.detail-content ul[data-v-1ae81183]{list-style:none;padding-left:0;margin:1rem 0}.detail-content li[data-v-1ae81183]{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#d0d0d0}.detail-content li[data-v-1ae81183]:before{content:"▸";position:absolute;left:0;color:#fff;font-weight:700}.detail-content h4[data-v-1ae81183]{color:#fff;margin:1.5rem 0 .5rem;font-size:1.1rem}.detail-content p[data-v-1ae81183]{color:silver;margin-bottom:1rem;line-height:1.7}.checklist[data-v-1ae81183]{list-style:none;padding:0;margin:1rem 0}.checklist li[data-v-1ae81183]{padding:.7rem 0 .7rem 2rem;position:relative;color:#d0d0d0;-webkit-transition:color .3s ease;transition:color .3s ease}.checklist li[data-v-1ae81183]:before{content:"✓";position:absolute;left:0;color:#fff;font-weight:700;font-size:1.2rem}.quick-tip[data-v-1ae81183]{background:rgba(0,177,138,.1);border:1px solid rgba(0,177,138,.3);border-radius:6px;padding:1rem;margin-top:1.5rem}.quick-tip strong[data-v-1ae81183]{color:#fff;display:block;margin-bottom:.5rem}.quick-tip p[data-v-1ae81183]{color:#d0d0d0;margin:0}footer[data-v-1ae81183]{background:rgba(10,14,39,.9);border-top:2px solid #fff;padding:2rem 1rem;text-align:center;color:#a0a0a0}footer p[data-v-1ae81183]{margin:.5rem 0}@media (max-width:768px){header h1[data-v-1ae81183]{font-size:1.8rem}nav button[data-v-1ae81183]{display:block;width:90%;margin:.5rem auto}.cards-grid[data-v-1ae81183]{grid-template-columns:1fr}section h2[data-v-1ae81183]{font-size:1.8rem}}html[data-v-1ae81183]{scroll-behavior:smooth}button[data-v-1ae81183]:focus{outline:2px solid #fff;outline-offset:2px}