.tech-page{color:#fff;max-width:1200px;margin:0 auto;padding:80px 40px;font-family:Inter,system-ui,sans-serif}.tech-hero{text-align:center;margin-bottom:60px}.tech-hero h1{font-size:42px;font-weight:700}.tech-hero span{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-underline{background:linear-gradient(90deg,#60a5fa,#a855f7);width:52px;height:2px;margin:14px auto}.tech-hero p{color:#9ca3af;max-width:760px;margin:0 auto;font-size:14px}.tech-stats{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:90px;display:grid}.stat-card{text-align:center;background:#111;border:1px solid #ffffff1f;border-radius:18px;padding:26px}.stat-icon{color:#000;background:linear-gradient(135deg,#60a5fa,#a855f7);border-radius:12px;place-items:center;width:42px;height:42px;margin:0 auto 10px;display:grid}.core{border-top:1px solid #ffffff1f;padding-top:48px}.core-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.core h2{font-size:28px}.core-desc{color:#9ca3af;margin-top:6px;font-size:13px}.pause-btn{color:#fff;cursor:pointer;background:#111;border:1px solid #ffffff2e;border-radius:10px;padding:8px 14px}.skill-tabs{gap:12px;margin-bottom:30px;display:flex}.skill-tabs button{color:#cbd5f5;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;display:flex}.skill-tabs button.active{color:#000;background:#fff}.skills-box{background:#0f0f0f;border:1px solid #ffffff2e;border-radius:24px;grid-template-columns:repeat(2,1fr);gap:22px;padding:34px;display:grid}.skills-box.languages:hover{border-color:#a855f799}.skills-box.libraries:hover{border-color:#38bdf899}.skills-box.tools:hover{border-color:#22c55e99}.skill-card{background:#151515;border:1px solid #ffffff29;border-radius:18px;padding:22px;transition:transform .2s,border-color .2s}.languages .skill-card:hover{border-color:#a855f78c}.libraries .skill-card:hover{border-color:#38bdf88c}.tools .skill-card:hover{border-color:#22c55e8c}.skill-card:hover{transform:translateY(-3px)}.skill-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.skill-header h3{font-size:15px;font-weight:600}.skill-header p{color:#9ca3af;margin-top:4px;font-size:12px}.bar{background:#222;border-radius:999px;width:100%;height:8px;overflow:hidden}.fill{width:0;height:100%;transition:width .85s cubic-bezier(.4,0,.2,1)}.fill.animate{width:var(--value)}.fill.languages{background:linear-gradient(90deg,#a855f7,#6366f1)}.fill.libraries{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.fill.tools{background:linear-gradient(90deg,#22c55e,#16a34a)}@media (max-width:900px){.skills-box{grid-template-columns:1fr}.tech-stats{grid-template-columns:repeat(2,1fr)}}.competency-box{background:#151515;border:1px solid #ffffff2e;border-radius:22px;max-width:760px;margin:0 auto;padding:32px}.competency-row{margin-bottom:26px}.fill.competency{background:linear-gradient(90deg,#60a5fa,#a855f7);transition:width .85s cubic-bezier(.4,0,.2,1),transform .3s .85s}.fill.competency.animate{transform:translate(4px)}.competencies{text-align:center;margin-top:120px}.competency-border{background:linear-gradient(90deg,#60a5fa,#a855f7,#22c55e);width:100%;height:2px;margin-bottom:60px}.competencies h2{font-size:36px}.competencies-desc{color:#9ca3af;margin-top:6px;margin-bottom:40px;font-size:14px}.competency-box{background:#151515;border:1px solid #fff3;border-radius:26px;max-width:780px;margin:0 auto;padding:36px;transition:transform .35s,border-color .35s}.competency-box:hover{border-color:#a855f7;transform:translateY(-6px)}.competency-row{border-radius:16px;margin-bottom:28px;padding:14px;transition:transform .25s,background .25s}.competency-row:hover{background:#ffffff08;transform:translateY(-4px)}.competency-head{justify-content:space-between;margin-bottom:12px;display:flex}.competency-head h3{font-size:15px}.competency-head span{color:#9ca3af;font-size:12px}.bar{background:#222;border-radius:999px;height:10px;overflow:hidden}.fill{border-radius:999px;width:0;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1),transform .35s 1s}.fill.animate{width:var(--value);transform:translate(6px)}.fill.blue{background:linear-gradient(90deg,#60a5fa,#7c7cff)}.fill.green{background:linear-gradient(90deg,#22c55e,#14b8a6)}.fill.orange{background:linear-gradient(90deg,#fb923c,#f97316)}.fill.purple{background:linear-gradient(90deg,#a855f7,#ec4899)}.fill.cyan{background:linear-gradient(90deg,#22d3ee,#38bdf8)}.competency-box{padding:24px 28px}.competency-row{margin-bottom:20px;padding:10px 12px}.competency-head strong{margin-top:2px;line-height:1}.competency-row .bar{border-radius:999px;height:8px;margin-top:6px}.competency-head{justify-content:space-between;align-items:flex-start;display:flex}.competency-head>div{flex-direction:column;display:flex}.competency-head span{margin-top:2px;line-height:1.2}.competency-head strong{line-height:1.25}.competency-head{grid-template-columns:1fr auto;align-items:start;display:grid}.competency-head>div{display:block}.competency-head h3{margin:0;line-height:1.25}.competency-head span{margin-top:2px;line-height:1.2;display:block}.competency-head strong{align-self:start;margin-top:2px;line-height:1.25}.competency-row{text-align:left}.competency-head{text-align:left;grid-template-columns:1fr auto;align-items:start;display:grid}.competency-head>div{text-align:left}.competency-head h3{text-align:left;margin:0;line-height:1.25}.competency-head span{text-align:left;margin-top:2px;line-height:1.2;display:block}.competency-head strong{text-align:right;align-self:start}.ai-title{font-size:38px;font-weight:700}.ai-icon{color:#a855f7;margin-right:6px}.ai-subtitle{color:#9ca3af;max-width:720px;margin:14px auto 50px;font-size:15px}.ai-highlights div{max-width:220px}.ai-mini-icon{font-size:22px}.ai-card{background:#151515;border:1px solid #ffffff24;border-radius:22px;padding:26px;transition:transform .35s,border-color .35s;position:relative}.ai-card-icon{border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:22px;transition:transform .35s;display:grid}.ai-card h3{margin:10px 0}.ai-desc{color:#9ca3af;margin-bottom:14px;font-size:13px}.ai-card ul{color:#cbd5f5;padding-left:16px;font-size:13px}.ai-section{text-align:center;margin-top:120px}.ai-title{justify-content:center;align-items:center;gap:10px;font-size:38px;font-weight:700;display:flex}.ai-subtitle{color:#9ca3af;max-width:760px;margin:14px auto 60px}.ai-highlights{justify-content:center;gap:60px;margin-bottom:80px;display:flex}.ai-mini-icon{width:22px;height:22px;margin-bottom:6px}.ai-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;display:grid}.ai-card{text-align:left;background:#151515;border:1px solid #ffffff24;border-radius:22px;padding:28px;transition:transform .35s,border-color .35s;position:relative}.ai-card:hover{border-color:#a855f7;transform:translateY(-10px)}.ai-card-icon{border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:14px;transition:transform .35s;display:grid}.chatgpt{background:linear-gradient(135deg,#22c55e,#14b8a6)}.copilot{background:linear-gradient(135deg,#a855f7,#ec4899)}.claude{background:linear-gradient(135deg,#fb923c,#f97316)}.midjourney{background:linear-gradient(135deg,#38bdf8,#6366f1)}.figma{background:linear-gradient(135deg,#ec4899,#a855f7)}.perplexity{background:linear-gradient(135deg,#22d3ee,#38bdf8)}.ai-card-icon svg{stroke-width:1.8px;color:#fff}.ai-badge{background:linear-gradient(90deg,#a855f7,#6366f1);border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:16px;right:16px}.ai-score{font-weight:700;position:absolute;top:48px;right:16px}.ai-type{color:#9ca3af;font-size:11px}.ai-desc{color:#9ca3af;margin:10px 0;font-size:13px}.ai-card ul{padding-left:18px;font-size:13px}.ai-more{opacity:0;margin-top:14px;transition:opacity .3s;display:inline-block}.ai-card.highlight{border-color:#a855f7}.ai-card{min-height:420px;padding-top:36px;padding-bottom:36px}.ai-card h3{margin-top:14px;margin-bottom:10px}.ai-card p{margin-bottom:14px}.ai-card h5{margin-top:16px;margin-bottom:8px}.ai-card ul li{margin-bottom:6px}.ai-more{margin-top:auto;display:inline-block}.ai-card{flex-direction:column;min-height:460px;padding:36px 32px;display:flex}.ai-card-icon{margin-bottom:22px}.ai-type{letter-spacing:.08em;color:#9ca3af;margin-bottom:6px;font-size:11px}.ai-card h3{margin-bottom:14px;font-size:22px;font-weight:600}.ai-card p{color:#cbd5e1;margin-bottom:18px;font-size:14px;line-height:1.6}.ai-card ul{margin-bottom:22px}.ai-card ul li{margin-bottom:6px;font-size:13px;line-height:1.6}.ai-card:after{content:"";background:#ffffff1f;height:1px;margin-top:auto;margin-bottom:16px;display:block}.ai-more{color:#fff;opacity:0;font-size:14px;font-weight:500;transition:opacity .25s}.ai-card{text-align:left;flex-direction:column;padding:36px 32px;display:flex}.ai-card h3,.ai-card p,.ai-card ul,.ai-card span,.ai-card li{text-align:left}.ai-desc{margin-bottom:18px;line-height:1.6}.ai-card ul{margin-top:6px;margin-bottom:22px;padding-left:16px}.ai-card:after{display:none}.ai-more{color:#fff;opacity:0;margin-top:auto;padding-top:16px;font-size:14px;font-weight:500;transition:opacity .25s;position:relative}.ai-more:before{content:"";background:#ffffff1f;width:100%;height:1px;position:absolute;top:0;left:0}.ai-card:hover .ai-more{opacity:1}.ai-card{flex-direction:column;display:flex;overflow:hidden}.ai-more{opacity:0;pointer-events:none;max-height:0;margin-top:0;padding-top:0;transition:max-height .35s,opacity .25s,margin-top .3s,padding-top .3s}.ai-more:before{content:"";background:#ffffff1f;width:100%;height:1px;margin-bottom:12px;display:block}.ai-card:hover .ai-more{opacity:1;pointer-events:auto;max-height:60px;margin-top:18px;padding-top:16px}.ai-card h3,.ai-card p,.ai-card ul,.ai-card li,.ai-card span{text-align:left}.ai-card .ai-desc{margin-bottom:8px}.ai-card ul{margin-bottom:0;padding-bottom:0}.ai-card ul li:last-child{margin-bottom:0}.ai-more:before{margin-top:0}.ai-card{padding-bottom:22px}.ai-more{margin-bottom:0;padding-bottom:0;display:inline-block}.ai-card:hover .ai-more,.ai-card>:last-child{margin-bottom:0}.workflow-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:28px;display:grid}.workflow-card{background:#111;border:1px solid #ffffff14;border-radius:18px;padding:26px 22px 24px;transition:transform .3s,border-color .3s;position:relative}.workflow-card:hover{border-color:#a855f7;transform:translateY(-10px)}.workflow-icon{background:#1a1a1a;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto 14px;display:grid}.workflow-step{opacity:.6;margin-bottom:6px;font-size:12px;display:block}.workflow-card p{opacity:.75;line-height:1.55}.workflow-tools span{background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px;font-size:12px}.workflow-section{text-align:center;margin-top:120px}.workflow-section p{color:#9ca3af;margin-top:8px;font-size:14px}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:70px;display:grid;position:relative}.workflow-grid:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#a855f799,#0000);height:2px;position:absolute;top:70px;left:5%;right:5%}.workflow-card{z-index:1;background:#121212;border:1px solid #ffffff1f;border-radius:26px;padding:46px 32px 38px;transition:all .35s;position:relative}.workflow-card:hover{border-color:#a855f7b3;transform:translateY(-10px);box-shadow:0 0 0 1px #a855f759}.workflow-icon{color:#fff;background:radial-gradient(circle at 0 0,#a855f7,#6366f1);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid;box-shadow:0 0 0 6px #a855f726}.workflow-step{letter-spacing:.12em;color:#9ca3af;margin-bottom:10px;font-size:12px;display:block}.workflow-card h3{margin-bottom:10px;font-size:18px;font-weight:600}.workflow-tools{justify-content:center;gap:10px;margin-top:22px;display:flex}.workflow-tools span{color:#cbd5f5;background:#1b1b1b;border:1px solid #ffffff26;border-radius:999px;padding:6px 14px;font-size:12px}@media (max-width:1100px){.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid:before{display:none}}@media (max-width:600px){.workflow-grid{grid-template-columns:1fr}}.workflow-card{flex-direction:column;justify-content:flex-start;min-height:420px;display:flex}.workflow-card h3{text-align:center;justify-content:center;align-items:center;min-height:48px;display:flex}.workflow-card p{min-height:78px}.workflow-tools span{white-space:nowrap}.workflow-card{min-height:360px;padding:26px 22px 22px}.workflow-icon{margin-bottom:10px}.workflow-step{margin-bottom:6px;font-size:11px}.workflow-card h3{min-height:40px;margin:6px 0 8px;font-size:18px}.workflow-card p{min-height:64px;margin-bottom:14px;font-size:13px;line-height:1.5}.workflow-tools{gap:8px;margin-top:auto}.workflow-card p{margin-bottom:10px;min-height:auto!important}.workflow-card{flex-direction:column;display:flex}.workflow-card{flex-direction:column;justify-content:flex-start;display:flex;height:auto!important;min-height:unset!important;padding-bottom:22px!important}.workflow-card p{min-height:0!important;margin-bottom:8px!important}.workflow-card>:last-child{margin-bottom:0!important}.workflow-card h3,.workflow-step{margin-bottom:6px!important}.workflow-grid{align-items:flex-start!important}.workflow-tools{margin-top:10px!important}.workflow-card p{margin-bottom:10px!important}.workflow-card{padding-bottom:26px!important}.explore-section{justify-content:center;margin-top:90px;display:flex}.explore-box{text-align:center;background:#0f0f0f;border:1px solid #a855f78c;border-radius:22px;width:100%;max-width:920px;padding:48px 40px}.explore-title{justify-content:center;align-items:center;gap:10px;font-size:26px;font-weight:600;display:flex}.explore-subtitle{color:#a1a1aa;margin-top:10px;font-size:14px}.explore-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:36px 0;display:grid}.explore-card{cursor:default;background:linear-gradient(135deg,#1a1a1a,#141414);border:1px solid #ffffff14;border-radius:14px;padding:22px 16px;transition:transform .25s,border-color .25s}.explore-card:hover{border-color:#a855f7a6;transform:translateY(-4px)}.explore-card h3{margin-bottom:6px;font-size:15px;font-weight:600}.explore-footer{color:#9ca3af;margin-top:22px;font-size:13px}@media (max-width:900px){.explore-grid{grid-template-columns:repeat(2,1fr)}}.explore-card{box-shadow:none!important;background:linear-gradient(#141414,#101010)!important;border:1px solid #ffffff14!important}.explore-card:nth-child(4),.explore-card:last-child{background:linear-gradient(#141414,#101010)!important;border:1px solid #ffffff14!important}.explore-card:hover{transform:translateY(-4px);border-color:#a855f7a6!important}html,body{box-sizing:border-box;background:#000;width:100%;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}.tech-page{width:100%;max-width:1600px;margin:0 auto;padding:48px 32px 80px}section{width:100%;margin:0 auto;padding:64px 0}section:first-child{padding-top:32px}section:last-child{padding-bottom:0}section h1,section h2{margin-bottom:12px}section p{max-width:760px;margin-top:0;margin-left:auto;margin-right:auto;line-height:1.6}.tech-stats,.ai-highlights,.ai-grid,.workflow-grid,.competency-box,.skills-box{max-width:1200px;margin-left:auto;margin-right:auto}.tech-hero,.core,.competency-section,.ai-section,.workflow-section{padding-top:72px;padding-bottom:72px}.ai-card,.workflow-card,.stat-card,.skill-card,.competency-row{margin-bottom:0}.workflow-tools,.ai-card ul{margin-top:12px}footer{margin-top:0;padding-top:0}@media (max-width:1200px){.tech-page{padding:40px 24px 64px}section{padding:56px 0}}@media (max-width:768px){.tech-page{padding:32px 16px 56px}section{padding:48px 0}section p{max-width:100%}}.ai-card:hover .ai-more{margin-top:24px!important;padding-top:18px!important}.ai-card:hover h3{color:#a855f7!important}.ai-card-icon{transition:transform .3s!important}.ai-card:hover .ai-card-icon{transform:scale(1.12)!important}.competency-section{text-align:center;margin-top:140px}.competency-title{margin-bottom:6px;font-size:48px;font-weight:700}.competency-sub{color:#9ca3af;margin-bottom:60px;font-size:18px}.competency-card{background:linear-gradient(#141414,#0e0e0e);border:1px solid #ffffff24;border-radius:28px;max-width:980px;margin:0 auto;padding:44px}.competency-row{text-align:left;margin-bottom:36px}.competency-row:last-child{margin-bottom:0}.competency-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.competency-head h3{margin:0;font-size:18px;font-weight:700}.competency-head span{color:#9ca3af;margin-top:3px;font-size:14px;display:block}.competency-head strong{font-size:18px;font-weight:700}.competency-bar{background:#1f1f1f;border-radius:999px;height:12px;padding-right:6px;overflow:hidden}.competency-fill{border-radius:999px;width:0%;max-width:96%;height:100%;transition:width .15s linear}.competency-fill.blue{background:linear-gradient(90deg,#60a5fa,#7c7cff)}.competency-fill.orange{background:linear-gradient(90deg,#fb923c,#f97316)}.competency-fill.green{background:linear-gradient(90deg,#22c55e,#14b8a6)}.competency-fill.purple{background:linear-gradient(90deg,#a855f7,#ec4899)}.competency-fill.cyan{background:linear-gradient(90deg,#22d3ee,#38bdf8)}.competency-card{border:1px solid #ffffff24;transition:transform .35s;position:relative}.competency-card:hover{border-color:#0000;transform:translateY(-10px)}.competency-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#60a5fa,#a855f7,#22c55e);border-radius:28px;padding:2px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.competency-card:hover:before{opacity:1}.workflow-section h2{font-size:48px;font-weight:700}.workflow-section>p{color:#9ca3af;margin-top:10px;margin-bottom:60px;font-size:18px}.workflow-card h3{font-size:18px;font-weight:600}.workflow-card p{color:#9ca3af;font-size:14px;line-height:1.65}.workflow-step{letter-spacing:.14em;font-size:12px}.workflow-tools span{padding:6px 14px;font-size:12.5px}.workflow-card h3{transition:color .3s,background .3s}.workflow-card:hover h3{background:linear-gradient(135deg,#a855f7,#7c7cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.explore-box{border:1px solid #ffffff1f;transition:border-color .35s,transform .35s}.explore-box:hover{border-color:#0000}.explore-box:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#a855f7,#7c7cff);border-radius:22px;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.explore-box:hover:before{opacity:1}.explore-box,.explore-card{position:relative}.explore-card.active-learning:after{content:"";background:#22c55e;border-radius:50%;width:12px;height:12px;animation:1.6s infinite livePulse;position:absolute;top:8px;left:8px;box-shadow:0 0 #22c55eb3}@keyframes livePulse{0%{opacity:1;box-shadow:0 0 #22c55eb3}70%{opacity:.6;box-shadow:0 0 0 8px #22c55e00}to{opacity:1}}.explore-box{transition:transform .35s,box-shadow .35s;position:relative}.explore-box:hover{transform:translateY(-16px);box-shadow:0 22px 50px #000000a6}.explore-title{font-size:32px;font-weight:700;line-height:1.2}.explore-subtitle{color:#9ca3af;margin-top:10px;margin-bottom:44px;font-size:16px;line-height:1.6}.explore-card h3{font-size:16px;font-weight:600;line-height:1.35}.explore-card span{color:#9ca3af;font-size:13px}.explore-footer{color:#9ca3af;margin-top:32px;font-size:14px;line-height:1.6}.ai-badge{letter-spacing:.04em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.ai-badge:before{content:"★";font-size:14px;line-height:1}.ai-score{font-size:22px;font-weight:700;line-height:1}.ai-score span{opacity:.7;font-size:12px}.ai-type{letter-spacing:.08em;margin-bottom:10px;font-size:13px;font-weight:600}.ai-card h3{font-size:26px;font-weight:700!important}.ai-card p{margin-bottom:16px;font-size:14px;line-height:1.65}.ai-card h5{margin-bottom:-2px;font-size:14px}.ai-card ul{margin-bottom:2px;padding-left:0}.ai-card li{margin-bottom:8px;padding-left:18px;font-size:14px;line-height:1.6;list-style:none;position:relative}.ai-card li:before{content:"";background:linear-gradient(135deg,#60a5fa,#a855f7);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.ai-more{margin-top:20px;font-size:15px;font-weight:600}.ai-more:before{margin-bottom:16px}