*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#319828;--primary-light:#4caf50;--primary-dark:#26701f;--black:#1d1d1f;--gray:#6e6e73;--light-gray:#f5f5f7;--white:#ffffff;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.15);--glass-panel-bg:rgba(255,255,255,0.2);--glass-panel-bg-hover:rgba(255,255,255,0.2);--glass-panel-border:rgba(255,255,255,0.4);--glass-panel-radius:48px;--glass-panel-shadow:none;--glass-shadow:var(--glass-panel-shadow);--glass-shadow-hover:none;--logo-grad-1:var(--primary);--logo-grad-2:var(--primary-light);--logo-svg-fill:#369730}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#eef2f5,#dde1e6);color:var(--black);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;min-height:100vh}.container{max-width:1768px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-weight:600;letter-spacing:-.015em}h1{font-size:clamp(44px,8vw,64px);line-height:1.07143;margin-bottom:16px}h2{font-size:clamp(36px,6vw,52px);margin-bottom:24px}h3{font-size:26px;margin-bottom:12px}h4{font-size:20px;margin-bottom:8px}p{font-size:21px;color:var(--gray);margin-bottom:32px;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width:768px){p{font-size:18px}}.gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:48px;height:48px;color:var(--primary);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.feature-icon{display:block;width:56px;height:56px;margin:0 auto 20px;padding:12px;border-radius:20px;background:rgba(49,152,40,.12);border:1px solid rgba(49,152,40,.2)}.project-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary),var(--primary-light))}.project-visual .ui-icon{width:86px;height:86px;color:white;opacity:.92;stroke-width:1.5}.app-icon .ui-icon,.icon-circle .ui-icon{width:28px;height:28px;color:white}.icon-circle .ui-icon{color:var(--primary)}.mini-icon{width:18px;height:18px;color:currentColor;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.menu-toggle .mini-icon{width:22px;height:22px;color:var(--black)}.device-pill{display:inline-flex;align-items:center;gap:6px}.btn{display:inline-block;padding:14px 32px;border-radius:60px;font-size:17px;font-weight:500;text-decoration:none;transition:all .3s;border:none;cursor:pointer}.btn-primary{background:rgba(49,152,40,.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:white;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px rgba(49,152,40,.2)}.btn-primary:hover{background:rgba(49,152,40,1);box-shadow:0 15px 30px rgba(49,152,40,.3);transform:scale(1.02)}.btn-secondary{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--primary);border:1px solid rgba(49,152,40,.5)}.btn-secondary:hover{background:rgba(255,255,255,.3);border-color:var(--primary)}header{position:-webkit-sticky;position:sticky;top:20px;z-index:100;max-width:1300px;margin:0 auto;width:calc(100% - 40px);border-radius:60px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,.7));mask-image:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,.7));border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 20px 40px -10px rgba(0,0,0,.2);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 0,transparent 3px)}header:after{content:"";position:absolute;top:0;left:10%;width:80%;height:30px;background:radial-gradient(ellipse at top,rgba(255,255,255,.2) 0,transparent 80%);pointer-events:none;border-radius:60px 60px 0 0}.logo{gap:12px}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;justify-content:center;color:white;font-weight:600;font-size:18px;box-shadow:0 10px 20px rgba(49,152,40,.3)}.logo-text{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--logo-grad-1) 0,var(--logo-grad-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .4s ease,filter .4s ease}header.header-over-dark{--logo-grad-1:#ffffff;--logo-grad-2:#ffffff;--logo-svg-fill:#ffffff}nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:6px;padding:2px;border-radius:60px;flex-wrap:wrap;justify-content:flex-end}.nav-link{display:block;padding:3px 17px;border-radius:40px;font-size:14px;font-weight:500;color:var(--black);text-decoration:none;background:rgba(255,255,255,.08);backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.35);transition:all .4s cubic-bezier(.2,.9,.3,1.1);box-shadow:0 2px 6px rgba(0,0,0,.02),inset 0 0 0 1px rgba(255,255,255,.1);position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));transform:rotate(25deg);transition:transform .6s;pointer-events:none;opacity:0}.nav-list:hover .nav-link{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);box-shadow:0 8px 16px rgba(0,0,0,.05)}.nav-link:hover{background:rgba(255,255,255,.3)!important;border:1px solid rgba(255,255,255,.7)!important;transform:translateY(-2px) scale(1.02);box-shadow:0 15px 25px -8px rgba(49,152,40,.3),inset 0 0 0 1px rgba(255,255,255,.3)!important}.nav-link:hover:after{transform:rotate(25deg) translate(20%,20%);opacity:1}.nav-link.active-link{background:rgba(255,255,255,.35)!important;border:1px solid rgba(255,255,255,.8)!important;transform:translateY(-2px) scale(1.02);box-shadow:0 15px 25px -8px rgba(49,152,40,.4),inset 0 0 0 1px rgba(255,255,255,.35)!important}.nav-link.active-link:after{opacity:1;transform:rotate(25deg) translate(20%,20%)}.nav-link.neighbor{background:rgba(255,255,255,.25)!important;border:1px solid rgba(255,255,255,.55)!important}.menu-toggle{display:none;font-size:24px;background:rgba(255,255,255,.1);width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border:1px solid rgba(255,255,255,.2)}#menu-checkbox{display:none}@media (max-width:768px){.menu-toggle{display:flex}.nav-list{display:none;position:absolute;top:70px;right:20px;left:20px;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:30px;flex-direction:column;padding:15px;gap:10px}#menu-checkbox:checked+.menu-toggle+.nav-list{display:flex}.nav-link{width:100%;text-align:center}}.user-menu{position:relative;margin-left:15px}.user-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;color:var(--black);transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-avatar,.user-avatar:hover{border:1px solid rgba(255,255,255,.3)}.user-avatar:hover{background:rgba(255,255,255,.25);transform:scale(1.02);box-shadow:0 8px 20px rgba(49,152,40,.2)}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.dropdown-menu{position:absolute;top:50px;right:0;width:220px;background:rgba(255,255,255,.85);backdrop-filter:blur(32px) saturate(360%);-webkit-backdrop-filter:blur(32px) saturate(360%);box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--glass-shadow);padding:8px;display:none;z-index:100}.dropdown-menu.show{display:block}.dropdown-header{padding:16px 12px 8px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:8px}.dropdown-user-name{font-weight:600;font-size:15px;color:var(--black)}.dropdown-user-email{font-size:13px;color:var(--gray);margin-top:2px}.dropdown-item{display:flex;align-items:center;padding:10px 16px;border-radius:40px;color:var(--black);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border:1px solid transparent}.dropdown-item:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dropdown-item.logout{color:#ff3b30;margin-top:4px;border-top:1px solid rgba(255,255,255,.2);border-radius:40px;padding-top:12px}.dropdown-item.logout:hover{background:rgba(255,59,48,.1);border-color:rgba(255,59,48,.3)}.header-content{justify-content:space-between;padding:8px 24px 8px 20px}.header-content,.nav-and-user{display:flex;align-items:center}.nav-and-user{gap:10px}.hero{text-align:center;padding:120px 24px 80px;position:relative;top:0;min-height:720px;display:flex;align-items:center;overflow:hidden;z-index:0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 24%,rgba(49,152,40,.09) 0,transparent 34%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 62%);pointer-events:none}.hero .container{position:relative;z-index:2}.hero-content{max-width:980px;margin:0 auto;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:14px;font-weight:600;margin-bottom:26px}.hero-eyebrow,.hero-eyebrow .mini-icon{color:var(--primary)}.hero-title{font-size:clamp(50px,7vw,88px);line-height:.94;letter-spacing:0;margin-bottom:28px;color:var(--black)}.hero-title .hero-brand{display:block;color:var(--primary)}.hero-subtitle{max-width:720px;font-size:clamp(19px,2.4vw,26px);line-height:1.35;color:var(--gray);margin-bottom:34px}.hero-buttons{gap:14px}.hero-buttons,.hero-metrics{display:flex;justify-content:center;flex-wrap:wrap}.hero-metrics{gap:12px;margin-top:38px}.hero-metric{min-width:150px;padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.36);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--gray);font-size:14px}.hero-metric strong{color:var(--black);margin-right:6px}.hero-mark{position:absolute;left:50%;bottom:28px;width:min(740px,78vw);height:min(210px,24vw);transform:translateX(-50%);pointer-events:none;opacity:.9;z-index:1}.hero-mark:after,.hero-mark:before{content:"";position:absolute;inset:0;border-radius:80px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero-mark:after,.hero-mark:before{transform:skewX(-18deg) rotate(-5deg)}.hero-mark:after{inset:34px 90px;background:linear-gradient(135deg,rgba(49,152,40,.18),rgba(255,255,255,.16))}@media (max-width:768px){.hero{min-height:660px;padding:110px 20px 72px}.hero-title{font-size:clamp(38px,11vw,52px);line-height:1}.hero-subtitle{font-size:18px;margin-bottom:28px}.hero-metrics{display:none}.hero-mark{width:86vw;height:140px;bottom:34px}.hero-mark:after{inset:28px 54px}}.section{padding:100px 24px}.section-light{background:rgba(255,255,255,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.section-title{text-align:center;margin-bottom:60px}.style-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));grid-gap:40px;gap:40px;margin-top:40px;align-items:stretch}.style-card{position:relative;background:var(--glass-panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-panel-border);border-radius:var(--glass-panel-radius);padding:40px;transition:all .3s;box-shadow:var(--glass-shadow);overflow:hidden;word-wrap:break-word;min-height:100%}.style-card:before{content:"";position:absolute;top:22px;right:24px;width:42px;height:20px;border-radius:999px;background:linear-gradient(120deg,transparent 0 18%,rgba(49,152,40,.18) 18% 34%,transparent 34% 48%,rgba(49,152,40,.14) 48% 64%,transparent 64%);pointer-events:none}.style-card:hover{background:var(--glass-panel-bg-hover);box-shadow:var(--glass-shadow-hover)}.style-card h3{font-size:22px;margin-bottom:20px;color:var(--primary)}.gallery-intro{text-align:center;color:var(--gray);margin-top:-36px;margin-bottom:44px}.gallery-group-title{grid-column:1/-1;margin:14px 0 -12px;display:flex;align-items:center;gap:16px;color:var(--black)}.gallery-group-title span{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.gallery-group-title:after{content:"";height:1px;flex:1 1;background:linear-gradient(90deg,rgba(49,152,40,.28),transparent)}.style-card.featured-system{grid-column:1/-1}.foundation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.color-swatch{min-height:120px;border-radius:28px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.35);overflow:hidden}.color-swatch strong{font-size:15px;color:var(--black)}.color-swatch span{font-size:13px;color:var(--gray)}.swatch-primary{background:linear-gradient(145deg,rgba(49,152,40,.9),rgba(76,175,80,.72))}.swatch-glass{background:rgba(255,255,255,.2)}.swatch-border{background:linear-gradient(145deg,rgba(255,255,255,.4),rgba(255,255,255,.12))}.swatch-ink{background:linear-gradient(145deg,rgba(29,29,31,.86),rgba(110,110,115,.5))}.swatch-ink span,.swatch-ink strong,.swatch-primary span,.swatch-primary strong{color:white}.type-sample{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:end}.type-display{font-size:clamp(34px,5vw,56px);line-height:.98;font-weight:700;color:var(--black)}.type-stack{display:flex;flex-direction:column;gap:12px}.type-line{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.24)}.token-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.token-item{padding:16px;border-radius:24px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32)}.token-item strong{display:block;color:var(--primary);margin-bottom:6px}.component-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.component-note,.style-card h3+.component-note{font-size:15px;color:var(--gray);margin:-8px 0 22px;line-height:1.45}.component-preview{display:flex;flex-direction:column;gap:16px}.component-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.component-panel{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:28px;padding:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.component-title{font-size:16px;font-weight:600;color:var(--black);margin-bottom:4px}.component-muted{font-size:14px;color:var(--gray)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-card{min-width:0;padding:16px;border-radius:24px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32)}.metric-card strong{display:block;font-size:24px;line-height:1.1;color:var(--primary);margin-bottom:6px}.metric-card span{font-size:13px;color:var(--gray)}.status-list{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.22)}.status-item:last-child{border-bottom:0;padding-bottom:0}.status-main{display:flex;align-items:center;gap:12px;min-width:0}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(49,152,40,.12);flex:0 0 auto}.status-dot.warning{background:#d99822;box-shadow:0 0 0 5px rgba(217,152,34,.12)}.toolbar{flex-wrap:wrap}.search-field,.toolbar{display:flex;align-items:center;gap:10px}.search-field{min-width:180px;flex:1 1;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);color:var(--gray);font-size:14px}.search-field .mini-icon{color:var(--primary)}.mini-card{display:grid;grid-template-columns:72px 1fr;grid-gap:16px;gap:16px;align-items:center}.mini-cover{width:72px;height:72px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary),var(--primary-light))}.mini-cover .ui-icon{width:34px;height:34px;color:white}.action-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-weight:600;font-size:15px}.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.workflow-step{padding:14px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);font-size:14px}.workflow-step strong{display:block;color:var(--primary);margin-bottom:6px}.empty-state{text-align:center;padding:28px 18px;border-radius:28px;background:rgba(255,255,255,.14);border:1px dashed rgba(49,152,40,.35)}.empty-state .ui-icon{width:46px;height:46px;margin-bottom:14px}@media (max-width:768px){.foundation-grid,.metric-grid,.mini-card,.style-gallery,.token-list,.type-sample,.workflow{grid-template-columns:1fr}}.list-example{list-style:none}.list-example li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:10px}.list-example li:before{content:"•";color:var(--primary);font-size:20px}.badge{display:inline-block;padding:4px 12px;border-radius:40px;background:rgba(49,152,40,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:14px;border:1px solid rgba(255,255,255,.3);margin-right:8px;margin-bottom:8px}.progress{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:40px;margin:15px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:40px}.stats{display:flex;justify-content:space-around;text-align:center}.stat-item{background:rgba(255,255,255,.1);padding:15px;border-radius:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex:1 1;margin:0 5px}.stat-number{font-size:32px;font-weight:600;color:var(--primary)}.tabs{display:flex;gap:5px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:8px 20px;border-radius:40px;background:rgba(255,255,255,.1);cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:.2s}.tab:hover{background:rgba(255,255,255,.2)}.tab.active{background:rgba(49,152,40,.3);border-color:var(--primary)}.tab-content{font-size:16px;color:var(--gray);min-height:50px}.quote{font-style:italic;padding:20px;background:rgba(255,255,255,.1);border-radius:24px;border-left:4px solid var(--primary)}.button-group{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.input-group{display:flex;flex-direction:column;gap:10px}.input-field{padding:12px 18px;border-radius:40px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:16px;outline:none;width:100%}.input-field:focus{border-color:var(--primary);background:rgba(255,255,255,.2)}.toggle{display:flex;align-items:center;gap:12px;margin:10px 0;cursor:pointer}.toggle-switch{width:50px;height:30px;background:rgba(255,255,255,.3);border-radius:30px;position:relative;border:1px solid rgba(255,255,255,.4);transition:background .2s}.toggle-switch:after{content:"";width:26px;height:26px;background:white;border-radius:50%;position:absolute;top:1px;left:1px;transition:left .2s;box-shadow:0 2px 6px rgba(0,0,0,.2)}.toggle.on .toggle-switch{background:var(--primary)}.toggle.on .toggle-switch:after{left:21px}.slider{width:100%;margin:15px 0}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:rgba(255,255,255,.3);border-radius:6px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:white;border-radius:50%;border:1px solid var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer}.accordion-item{border-bottom:1px solid rgba(255,255,255,.2)}.accordion-header{padding:15px 0;font-weight:500;display:flex;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion-content{padding-bottom:15px;color:var(--gray);font-size:15px;display:none}.accordion-item.open .accordion-content{display:block}.accordion-item.open .accordion-header .mini-icon{transform:rotate(180deg)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.2)}.table th{font-weight:500;color:var(--primary)}.breadcrumb{display:flex;gap:8px;list-style:none;flex-wrap:wrap}.breadcrumb li:not(:last-child):after{content:"/";margin-left:8px;color:var(--gray)}.breadcrumb a{color:var(--primary);text-decoration:none}.pagination{display:flex;gap:8px;flex-wrap:wrap}.page-item{padding:8px 14px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:.2s}.page-item:hover{background:rgba(255,255,255,.2)}.page-item.active{background:var(--primary);color:white}.icon-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-around}.icon-item{text-align:center;width:70px}.icon-circle{width:50px;height:50px;background:rgba(49,152,40,.2);border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:24px}.alert{padding:16px;border-radius:30px;background:rgba(255,255,255,.15);border-left:4px solid var(--primary);margin:10px 0}.rating{display:flex;gap:6px;cursor:pointer}.rating .star{width:24px;height:24px;color:rgba(49,152,40,.25);display:inline-block;transition:color .2s,transform .2s}.rating .star:before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-clip-path:polygon(50% 4%,61% 36%,95% 36%,67% 56%,78% 90%,50% 70%,22% 90%,33% 56%,5% 36%,39% 36%);clip-path:polygon(50% 4%,61% 36%,95% 36%,67% 56%,78% 90%,50% 70%,22% 90%,33% 56%,5% 36%,39% 36%)}.rating .star.filled{color:#ffb83b}.rating .star.preview{color:#ffb83b;transform:scale(1.06)}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:10px 0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chip-set{display:flex;gap:8px;flex-wrap:wrap}.chip{background:rgba(255,255,255,.1);padding:8px 18px;border-radius:40px;border:1px solid rgba(255,255,255,.2);font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s;cursor:pointer}.chip:hover{background:rgba(255,255,255,.25);border-color:var(--primary-light)}.chip.selected{background:rgba(49,152,40,.35);border-color:var(--primary);color:white}.segmented{display:inline-flex;background:rgba(255,255,255,.1);border-radius:60px;padding:4px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.segment{padding:8px 22px;border-radius:60px;font-size:15px;cursor:pointer;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.segment.active{background:var(--primary);color:white;box-shadow:0 4px 12px rgba(49,152,40,.3)}.radio-group{display:flex;flex-direction:column;gap:12px}.custom-radio{display:flex;align-items:center;gap:12px;cursor:pointer}.custom-radio .radio-indicator{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.05);position:relative}.custom-radio input{display:none}.custom-radio input:checked+.radio-indicator:after{content:"";position:absolute;width:12px;height:12px;background:var(--primary);border-radius:50%;top:3px;left:3px;box-shadow:0 0 10px var(--primary)}.label-group{display:flex;flex-direction:column;gap:12px}.glass-label{background:rgba(255,255,255,.05);padding:8px 16px;border-radius:40px;border-left:3px solid var(--primary);font-size:15px}.timeline{list-style:none}.timeline li{padding:0 0 20px 24px;position:relative;border-left:2px solid rgba(255,255,255,.2)}.timeline li:last-child{border-left-color:transparent}.timeline li:before{content:"";width:12px;height:12px;background:var(--primary);border-radius:50%;position:absolute;left:-7px;top:4px;box-shadow:0 0 0 3px rgba(49,152,40,.2)}.dot-indicators{display:flex;gap:12px;justify-content:center;margin:15px 0}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);transition:.2s;cursor:pointer}.dot.active{background:var(--primary);transform:scale(1.3);box-shadow:0 0 10px var(--primary)}.media-card{display:flex;gap:15px;align-items:center;background:rgba(255,255,255,.05);border-radius:30px;padding:12px;border:1px solid rgba(255,255,255,.15)}.media-cover{width:60px;height:60px;border-radius:20px;background:linear-gradient(145deg,var(--primary),var(--primary-light))}.media-content{flex:1 1}.media-title{font-weight:600}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}@media (max-width:768px){.grid-3{grid-template-columns:1fr}}.grid-3>*{display:flex;flex-direction:column;height:100%;background:var(--glass-panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-panel-border);border-radius:var(--glass-panel-radius);transition:all .3s;box-shadow:var(--glass-shadow);overflow:hidden}.grid-3>:hover{background:var(--glass-panel-bg-hover);box-shadow:var(--glass-shadow-hover)}.feature-card{padding:40px;text-align:center}.feature-card p{flex:1 1;font-size:17px;margin-bottom:0}.project-short-card{padding:40px}.project-short-card .card-image{width:100%;aspect-ratio:16/12;border-radius:24px;margin-bottom:16px;background-size:cover;background-position:50%;border:1px solid rgba(255,255,255,.4)}.project-short-card p{flex:1 1;font-size:15px;margin-bottom:16px}.project-short-card .card-link{margin-top:auto}.article-card{padding:40px}.article-card .article-image{width:100%;aspect-ratio:16/9;border-radius:24px;background:#ccc;margin-bottom:16px;background-size:cover;background-position:50%}.article-card .article-meta{font-size:14px;color:var(--gray);display:flex;gap:12px;margin-bottom:10px}.article-card .article-title{font-size:20px;margin-bottom:10px}.article-card .article-excerpt{flex:1 1;font-size:15px;color:var(--gray);margin-bottom:16px}.article-card .card-link{margin-top:auto}.full-width-scroll{width:100vw;margin-left:calc(-50vw + 50%);padding-left:max(24px,(100vw - 1768px)/2 + 24px);padding-right:24px;overflow-x:auto;display:flex;gap:24px;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-padding-left:max(24px,(100vw - 1768px)/2 + 24px);-webkit-overflow-scrolling:touch}.full-width-scroll::-webkit-scrollbar{display:none}#myprojects .section-title{text-align:left;margin-bottom:40px}.full-width-scroll .project-card{flex:0 0 640px;background:var(--glass-panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-panel-border);border-radius:var(--glass-panel-radius);padding:40px;transition:all .3s;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always}.full-width-scroll .project-card:hover{background:var(--glass-panel-bg-hover);box-shadow:var(--glass-shadow-hover)}.project-card .project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-card .project-image{width:100%;aspect-ratio:16/10;border-radius:22px;margin-bottom:18px;background-size:cover;background-position:50%;background-color:rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.4)}.project-card .project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.project-tag{background:rgba(49,152,40,.2);padding:4px 12px;border-radius:30px;font-size:13px}.project-card .project-content{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.project-card .project-content p{font-size:15px;margin-bottom:15px}.project-card .project-content .progress{margin-bottom:15px}.project-card .card-link{margin-top:auto}.scroll-wrapper{position:relative}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;color:#319828;cursor:pointer;z-index:20;opacity:0;transition:opacity .3s,background .2s,transform .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.1);pointer-events:auto}.scroll-wrapper:hover .scroll-arrow{opacity:.7}.scroll-arrow.left{left:20px}.scroll-arrow.right{right:20px}.scroll-arrow:hover{opacity:1!important;background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.05)}.scroll-arrow.disabled{opacity:.2!important;pointer-events:none!important;cursor:default}@media (max-width:768px){.scroll-arrow{display:none}}.testimonial-card{padding:40px}.testimonial-card p{flex:1 1;font-size:19px;font-style:italic;margin-bottom:24px}.testimonial-card .client{display:flex;align-items:center;gap:15px;margin-top:auto}.client-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:20px}.contact-form{max-width:600px;margin:0 auto}.contact-form form,.featured-article,.game-feature{background:var(--glass-panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-panel-border);border-radius:var(--glass-panel-radius);box-shadow:var(--glass-shadow)}.contact-form form{padding:40px}.featured-article{padding:40px;margin-top:60px}.game-feature{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center;padding:40px}.form-group{margin-bottom:20px}input,textarea{width:100%;padding:18px 24px;border:1px solid var(--glass-panel-border);border-radius:60px;font-size:17px;outline:none;background:rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s}textarea{border-radius:30px;min-height:140px;resize:vertical}input:focus,textarea:focus{border-color:var(--primary);background:rgba(255,255,255,.32);box-shadow:0 0 0 4px rgba(49,152,40,.1)}.contact-form button{width:100%;padding:18px;font-size:18px}@media (max-width:900px){.game-feature{grid-template-columns:1fr}}footer{margin-top:60px;padding:60px 24px 20px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.2)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px;gap:40px;max-width:1200px;margin:0 auto 60px}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{font-size:16px;margin-bottom:20px;color:var(--black)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{text-decoration:none;color:var(--gray);font-size:14px}.footer-col ul li a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(0,0,0,.05);color:var(--gray);font-size:14px}html{scroll-behavior:smooth}.accountPage{width:min(760px,calc(100% - 48px));margin:0 auto;padding:78px 0;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.back{color:#26701f;text-decoration:none}.back,.eyebrow{font-weight:700}.eyebrow{color:#319828;font-size:12px;letter-spacing:.12em}.accountPage h1{font-size:clamp(48px,6vw,72px);line-height:1}.lead{color:#6e6e73;font-size:19px}.accountData{margin:38px 0;padding:20px 28px;border:1px solid rgba(255,255,255,.4);border-radius:28px;background:rgba(255,255,255,.2)}.accountData div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(29,29,31,.09)}.accountData div:last-child{border:0}.accountData dt{color:#6e6e73}.accountData dd{margin:0;font-weight:600}.secondaryButton{display:inline-block;padding:14px 21px;border:1px solid rgba(29,29,31,.16);border-radius:999px;color:#1d1d1f;text-decoration:none}