.screen-details-page{min-height:100vh;background:linear-gradient(135deg,#18150B,#282008 50%,#131107);color:white;width:100%;overflow-x:hidden}.screen-details-header{background:rgba(24,21,11,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(240,185,11,.25);padding:.85rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.3)}.screen-details-header .container{display:flex;align-items:center;gap:1.25rem;width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.back-button{display:inline-flex;align-items:center;gap:.45rem;background:rgba(240,185,11,.15);border:1px solid rgba(240,185,11,.3);color:#F8D12F;padding:.55rem 1rem;border-radius:12px;cursor:pointer;transition:all .25s ease;font-size:.88rem;font-weight:600;white-space:nowrap;flex-shrink:0;font-family:inherit}.back-button:hover{background:rgba(240,185,11,.3);color:white;transform:translateX(-2px);box-shadow:0 4px 15px rgba(240,185,11,.25)}.back-icon{width:18px;height:18px}.page-title{font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:700;margin:0;background:linear-gradient(45deg,#FFF8E1,#FFD54F,#F0B90B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.screen-navigation{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(240,185,11,.15);padding:.75rem 0}.screen-navigation .container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.screen-tabs{display:flex;gap:.65rem;overflow-x:auto;padding:.25rem 0;-webkit-overflow-scrolling:touch}.screen-tabs::-webkit-scrollbar{height:4px}.screen-tabs::-webkit-scrollbar-thumb{background:rgba(240,185,11,.3);border-radius:4px}.screen-tab{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.06);border:1px solid rgba(240,185,11,.2);color:white;padding:.65rem 1.15rem;border-radius:12px;cursor:pointer;transition:all .25s ease;font-size:.88rem;font-weight:500;white-space:nowrap;flex-shrink:0;font-family:inherit}.screen-tab:hover{background:rgba(240,185,11,.15);border-color:#F0B90B;transform:translateY(-2px)}.screen-tab.active{background:linear-gradient(135deg,#F8D12F,#F0B90B 50%,#D49500);border-color:#F0B90B;color:#0F0E0A;font-weight:700;box-shadow:0 4px 15px rgba(240,185,11,.4)}.tab-icon{width:18px;height:18px}.screen-content{padding:2.5rem 0 4rem;width:100%}.screen-content .container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.screen-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:2.5rem;gap:2.5rem;align-items:start}.screen-info{display:flex;flex-direction:column;gap:2rem;width:100%}.screen-header{text-align:left}.screen-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;margin:0 0 .85rem;background:linear-gradient(45deg,#FFF8E1,#FFD54F,#F0B90B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.screen-description{font-size:1.05rem;line-height:1.6;color:rgba(255,255,255,.9);margin:0}.features-section{background:rgba(255,255,255,.04);border-radius:20px;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid rgba(240,185,11,.2)}.section-title{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;margin:0 0 1.25rem;color:white;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"✨";font-size:1.2rem}.features-grid{display:grid;grid-gap:1.25rem;gap:1.25rem}.feature-item{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem;background:rgba(255,255,255,.04);border-radius:14px;border:1px solid rgba(240,185,11,.15);transition:all .25s ease}.feature-item:hover{background:rgba(240,185,11,.1);border-color:rgba(240,185,11,.35);transform:translateY(-2px)}.feature-icon-wrapper{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#F8D12F,#F0B90B 50%,#D49500);border-radius:12px;flex-shrink:0;box-shadow:0 4px 15px rgba(240,185,11,.3)}.feature-icon{width:20px;height:20px;color:#0F0E0A}.feature-content{flex:1 1}.feature-title{font-size:1.05rem;font-weight:700;margin:0 0 .4rem;color:#F8D12F}.feature-description{font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.85);margin:0}.tech-specs-section{background:rgba(255,255,255,.04);border-radius:20px;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid rgba(240,185,11,.2)}.tech-specs-grid{display:grid;grid-gap:1.25rem;gap:1.25rem}.tech-spec-item{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem;background:rgba(255,255,255,.04);border-radius:14px;border:1px solid rgba(240,185,11,.15);transition:all .25s ease}.tech-spec-item:hover{background:rgba(240,185,11,.1);border-color:rgba(240,185,11,.35);transform:translateY(-2px)}.spec-icon{width:22px;height:22px;color:#F0B90B;flex-shrink:0;margin-top:.25rem}.spec-content h4{font-size:1.05rem;font-weight:700;margin:0 0 .4rem;color:#F8D12F}.spec-content p{font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.85);margin:0}.screen-preview{position:-webkit-sticky;position:sticky;top:5.5rem;display:flex;justify-content:center;width:100%}.phone-mockup-large{width:100%;max-width:360px;margin:0 auto;background:#14130C;border:2px solid rgba(240,185,11,.35);border-radius:36px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(240,185,11,.15);position:relative}.phone-mockup-large:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:50px;height:5px;background:#2a2617;border-radius:3px}.phone-screen-large{width:100%;background:#000;border-radius:22px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.screenshot-large{width:100%;height:auto;max-height:600px;object-fit:contain}@media (max-width:1024px){.screen-layout{grid-template-columns:1fr;gap:2.5rem}.screen-preview{position:static;order:-1;margin-bottom:1rem}.phone-mockup-large{max-width:300px}}@media (max-width:768px){.screen-details-header .container{gap:.75rem;padding:0 16px}.screen-tabs{gap:.5rem}.screen-tab{padding:.55rem .95rem;font-size:.82rem}.feature-item,.tech-spec-item{padding:1rem}.phone-mockup-large{max-width:270px;padding:12px;border-radius:30px}}@media (max-width:480px){.screen-content{padding:1.5rem 0 3rem}.feature-item,.tech-spec-item{gap:.75rem}.feature-icon-wrapper{width:36px;height:36px}.feature-icon{width:18px;height:18px}}